﻿@using BonjourQuotation.UI.Models.PartialModel
@using MvcCheckBoxList
@model OperationAttractionsGridViewModel
@{
    Layout = null;

}
<script type="text/javascript">
    var AttractionsModel;
    var SelectedAttractionsGridData = [];
    var AttractionsRestCategory = ["L", "D"];
    var AttractionsAttrCategory = [""];
    var AttractionsRestServiceDrop = [];
    var AttractionsAttrServiceDrop = [""];
    var AttractionsOldDate = [];
    debugger;
    LoadAttractionsGrid(false);
    function LoadAttractionsGrid(IsAttractionsClientLoad) {
        debugger;
        if (!IsAttractionsClientLoad)
            AttractionsModel = $(@Html.Raw(Json.Encode(Model))).JSModel();
        var Attractionscolumns = [];
        var AttractionscolWidth = [];
        var AttractionscolOrder = [];
        var AttractionscolumnHeaders = [];
        var AttractionsEmpdrop = [];
        var AttractionsVnStatusDrop = [];
        var AttractionsCurrencydrop = ["USD", "CAD"];
        var AttractionsVendorNamedrop = [];
        var AttractionsVendorNameAttdrop = [];
        var AttractionsVendorNameRestdrop = [];
        var AttractionsPaymentMethoddrop = [];
        // AttractionsDateOldDate
        $(AttractionsModel[0].Rows).each(function (index, elem) {
            AttractionsOldDate.push(elem.AttractionsDate);
        });
        $(AttractionsModel[0].Employee).each(function (index, elem) {
            AttractionsEmpdrop.push(elem.Text);
        });
        $(AttractionsModel[0].PaymentMethod).each(function (index, elem) {
            AttractionsPaymentMethoddrop.push(elem.Text);
        });
        $(AttractionsModel[0].VendorInfo).each(function (index, elem) {
            AttractionsVendorNamedrop.push(elem.VendorName);
            if(elem.VendorType == 'Restaurant')
                AttractionsVendorNameRestdrop.push(elem.VendorName);
            else if (elem.VendorType == 'Attraction' || elem.VendorType == 'Special')
                AttractionsVendorNameAttdrop.push(elem.VendorName);
        });
        $(AttractionsModel[0].VendorStatus).each(function (index, elem) {
            AttractionsVnStatusDrop.push(elem.Text);
        });
        $(AttractionsModel[0].RestService).each(function (index, elem) {
            AttractionsRestServiceDrop.push(elem.Text);
        });
        if (AttractionsModel[0].OperationAttractionIsGuideInvoiceView) {
            if (AttractionsModel[0].ViewAttractionsIsGuideInvoice == true) {
                AttractionscolumnHeaders.push($("#AttractionsIsGuideInvoiceDiv").html());
                AttractionsModel[0].OperationAttractionIsGuideInvoiceEdit ? Attractionscolumns.push({ data: "AttractionsIsGuideInvoice", type: "checkbox" }) : Attractionscolumns.push({ data: "AttractionsIsGuideInvoice", type: "checkbox", readOnly: true });
                AttractionscolWidth.push(120);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionIsGuideInvoiceLineNo);
                $("#AttractionsGridAttractionsIsGuideInvoiceDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsIsGuideInvoiceDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionGuideInvoicePriceView) {
            if (AttractionsModel[0].ViewAttractionsGuideInvoicePrice == true) {
                AttractionscolumnHeaders.push($("#AttractionsGuideInvoicePriceDiv").html());
                AttractionsModel[0].OperationAttractionGuideInvoicePriceEdit ? Attractionscolumns.push({ data: "AttractionsGuideInvoicePrice", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsGuideInvoicePrice", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(150);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionGuideInvoicePriceLineNo);
                $("#AttractionsGridAttractionsGuideInvoicePriceDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsGuideInvoicePriceDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionIsInvoiceView) {
            if (AttractionsModel[0].ViewAttractionsIsInvoice == true) {
                AttractionscolumnHeaders.push($("#AttractionsIsInvoiceDiv").html());
                AttractionsModel[0].OperationAttractionIsInvoiceEdit ? Attractionscolumns.push({ data: "AttractionsIsInvoice", type: "checkbox" }) : Attractionscolumns.push({ data: "AttractionsIsInvoice", type: "checkbox", readOnly: true });
                AttractionscolWidth.push(50);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionIsInvoiceLineNo);
                $("#AttractionsGridAttractionsIsInvoiceDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsIsInvoiceDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionInvoicePriceView) {
            if (AttractionsModel[0].ViewAttractionsInvoicePrice == true) {
                AttractionscolumnHeaders.push($("#AttractionsInvoicePriceDiv").html());
                AttractionsModel[0].OperationAttractionInvoicePriceEdit ? Attractionscolumns.push({ data: "AttractionsInvoicePrice", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsInvoicePrice", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(90);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionInvoicePriceLineNo);
                $("#AttractionsGridAttractionsInvoicePriceDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsInvoicePriceDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionOptionalView) {
            if (AttractionsModel[0].ViewAttractionsOptionalHtml == true) {
                AttractionscolumnHeaders.push($("#AttractionsOptionalFormHtml").html());
                Attractionscolumns.push({ data: "AttractionsOptionalFormHtml", renderer: "html" });
                AttractionscolWidth.push(100);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionOptionalLineNo);
                $("#AttractionsGridAttractionsOptionalDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsOptionalDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionGroupCodeView) {
            if (AttractionsModel[0].ViewAttractionsGroupCode == true) {
                AttractionscolumnHeaders.push($("#AttractionsGroupCodeDiv").html());
                AttractionsModel[0].OperationAttractionGroupCodeEdit ? Attractionscolumns.push({ data: "AttractionsGroupCode", type: "text" }) : Attractionscolumns.push({ data: "AttractionsGroupCode", type: "text", readOnly: true });
                AttractionscolWidth.push(130);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionGroupCodeLineNo);
                $("#AttractionsGridAttractionsGroupCodeDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsGroupCodeDiv").show();
        }
        //
        if (AttractionsModel[0].OperationAttractionDetailsView) {
            if (AttractionsModel[0].ViewAttractionsConfHtml == true) {
                AttractionscolumnHeaders.push($("#AttractionsConfHtmlDiv").html());
                Attractionscolumns.push({ data: "AttractionsConfHtml", renderer: "html" });
                AttractionscolWidth.push(80);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDetailsLineNo);
                $("#AttractionsGridAttractionsConfHtmlDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsConfHtmlDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionGroupNameView) {
            if (AttractionsModel[0].ViewAttractionsGroupName == true) {
                AttractionscolumnHeaders.push($("#AttractionsGroupNameDiv").html());
                AttractionsModel[0].OperationAttractionGroupNameEdit ? Attractionscolumns.push({ data: "AttractionsGroupName", type: "text" }) : Attractionscolumns.push({ data: "AttractionsGroupName", type: "text", readOnly: true });
                AttractionscolWidth.push(200);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionGroupNameLineNo);
                $("#AttractionsGridAttractionsGroupNameDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsGroupNameDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionCustomerView) {
            if (AttractionsModel[0].ViewAttractionsCustomer == true) {
                AttractionscolumnHeaders.push($("#AttractionsCustomerDiv").html());
                AttractionsModel[0].OperationAttractionCustomerEdit ? Attractionscolumns.push({ data: "AttractionsCustomer", type: "text" }) : Attractionscolumns.push({ data: "AttractionsCustomer", type: "text", readOnly: true });
                AttractionscolWidth.push(180);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionCustomerLineNo);
                $("#AttractionsGridAttractionsCustomerDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsCustomerDiv").show();
        }
        ////
        if (AttractionsModel[0].OperationAttractionEmployeeView) {
            if (AttractionsModel[0].ViewAttractionsEmployee == true) {
                AttractionscolumnHeaders.push($("#AttractionsEmployeeDiv").html());
                AttractionsModel[0].OperationAttractionEmployeeEdit ? Attractionscolumns.push({ data: "AttractionsSelectedEmployee", type: "dropdown", source: AttractionsEmpdrop }) : Attractionscolumns.push({ data: "AttractionsSelectedEmployee", type: "dropdown", source: AttractionsEmpdrop, readOnly: true });
                AttractionscolWidth.push(200);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionEmployeeLineNo);
                $("#AttractionsGridAttractionsEmployeeDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsEmployeeDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionPaxView) {
            if (AttractionsModel[0].ViewAttractionsPax == true) {
                AttractionscolumnHeaders.push($("#AttractionsPaxDiv").html());
                AttractionsModel[0].OperationAttractionPaxEdit ? Attractionscolumns.push({ data: "AttractionsPax", type: "numeric" }) : Attractionscolumns.push({ data: "AttractionsPax", type: "numeric", readOnly: true });
                AttractionscolWidth.push(90);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionPaxLineNo);
                $("#AttractionsGridAttractionsPaxDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsPaxDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionEstPaxView) {
            if (AttractionsModel[0].ViewAttractionsEstNumberofPerson == true) {
                AttractionscolumnHeaders.push($("#AttractionsEstNumberofPersonDiv").html());
                AttractionsModel[0].OperationAttractionEstPaxEdit ? Attractionscolumns.push({ data: "AttractionsEstNoOfPerson", type: "numeric" }) : Attractionscolumns.push({ data: "AttractionsEstNoOfPerson", type: "numeric", readOnly: true });
                AttractionscolWidth.push(90);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionEstPaxLineNo);
                $("#AttractionsGridAttractionsEstNumberofPersonDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsEstNumberofPersonDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionSupplierView) {
            if (AttractionsModel[0].ViewAttractionsSupplier == true) {
                AttractionscolumnHeaders.push($("#AttractionsSupplierDiv").html());
                AttractionsModel[0].OperationAttractionSupplierEdit ? Attractionscolumns.push({ data: "AttractionsSupplier", type: "autocomplete", source: AttractionsVendorNamedrop, strict: false }) : Attractionscolumns.push({ data: "AttractionsSupplier", type: "autocomplete", source: AttractionsVendorNamedrop, strict: false, readOnly: true });
                AttractionscolWidth.push(400);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionSupplierLineNo);
                $("#AttractionsGridAttractionsSupplierDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsSupplierDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionStatusView) {
            if (AttractionsModel[0].ViewAttractionsStatus == true) {
                AttractionscolumnHeaders.push($("#AttractionsStatusDiv").html());
                AttractionsModel[0].OperationAttractionStatusEdit ? Attractionscolumns.push({ data: "AttractionsSelectedVendorStatus", type: "dropdown", source: AttractionsVnStatusDrop }) : Attractionscolumns.push({ data: "AttractionsSelectedVendorStatus", type: "dropdown", source: AttractionsVnStatusDrop, readOnly: true });
                AttractionscolWidth.push(140);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionStatusLineNo);
                $("#AttractionsGridAttractionsStatusDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsStatusDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionCurrencyView) {
            if (AttractionsModel[0].ViewAttractionsCurrency == true) {
                AttractionscolumnHeaders.push($("#AttractionsCurrencyDiv").html());
                AttractionsModel[0].OperationAttractionCurrencyEdit ? Attractionscolumns.push({ data: "AttractionsQuotaCurr", type: "dropdown", source: AttractionsCurrencydrop }) : Attractionscolumns.push({ data: "AttractionsQuotaCurr", type: "dropdown", source: AttractionsCurrencydrop, readOnly: true });
                AttractionscolWidth.push(100);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionCurrencyLineNo);
                $("#AttractionsGridAttractionsCurrencyDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsCurrencyDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionQuotaPriceView) {
            if (AttractionsModel[0].ViewAttractionsQuotaPrice == true) {
                AttractionscolumnHeaders.push($("#AttractionsQuotaPriceDiv").html());
                AttractionsModel[0].OperationAttractionQuotaPriceEdit ? Attractionscolumns.push({ data: "AttractionsQuotaPrice", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsQuotaPrice", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(140);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionQuotaPriceLineNo);
                $("#AttractionsGridAttractionsQuotaPriceDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsQuotaPriceDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionQuotaSupplierView) {
            if (AttractionsModel[0].ViewAttractionsQuotaSupplier == true) {
                AttractionscolumnHeaders.push($("#AttractionsQuotaSupplierDiv").html());
                AttractionsModel[0].OperationAttractionQuotaSupplierEdit ? Attractionscolumns.push({ data: "AttractionsQuotaSupplier", type: "text" }) : Attractionscolumns.push({ data: "AttractionsQuotaSupplier", type: "text", readOnly: true });
                AttractionscolWidth.push(300);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionQuotaSupplierLineNo);
                $("#AttractionsGridAttractionsQuotaSupplierDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsQuotaSupplierDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionDifferenceView) {
            if (AttractionsModel[0].ViewAttractionsDifference == true) {
                AttractionscolumnHeaders.push($("#AttractionsDifferenceDiv").html());
                AttractionsModel[0].OperationAttractionDifferenceEdit ? Attractionscolumns.push({ data: "AttractionsDifference", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsDifference", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(120);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDifferenceLineNo);
                $("#AttractionsGridAttractionsDifferenceDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsDifferenceDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionDoneView) {
            if (AttractionsModel[0].ViewAttractionsDone == true) {
                AttractionscolumnHeaders.push($("#AttractionsDoneDiv").html());
                AttractionsModel[0].OperationAttractionDoneEdit ? Attractionscolumns.push({ data: "AttractionsDone", type: "date", dateFormat: 'D, dd/M/yy' }) : Attractionscolumns.push({ data: "AttractionsDone", type: "date", dateFormat: 'D, dd/M/yy', readOnly: true });
                AttractionscolWidth.push(140);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDoneLineNo);
                $("#AttractionsGridAttractionsDoneDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsDoneDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionDateView) {
            if (AttractionsModel[0].ViewAttractionsDate == true) {
                AttractionscolumnHeaders.push($("#AttractionsDateDiv").html());
                AttractionsModel[0].OperationAttractionDateEdit ? Attractionscolumns.push({ data: "AttractionsDate", type: "date", dateFormat: 'D, dd/M/yy' }) : Attractionscolumns.push({ data: "AttractionsDate", type: "date", dateFormat: 'D, dd/M/yy', readOnly: true });
                AttractionscolWidth.push(140);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDateLineNo);
                $("#AttractionsGridAttractionsDateDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsDateDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionTimeView) {
            if (AttractionsModel[0].ViewAttractionsTime == true) {
                AttractionscolumnHeaders.push($("#AttractionsTimeDiv").html());
                AttractionsModel[0].OperationAttractionTimeEdit ? Attractionscolumns.push({ data: "AttractionsTime", type: "time" }) : Attractionscolumns.push({ data: "AttractionsTime", type: "time", readOnly: true });
                AttractionscolWidth.push(80);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionTimeLineNo);
                $("#AttractionsGridAttractionsTimeDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsTimeDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionCategoryView) {
            if (AttractionsModel[0].ViewAttractionsCategory == true) {
                AttractionscolumnHeaders.push($("#AttractionsCategoryDiv").html());
                AttractionsModel[0].OperationAttractionCategoryEdit ? Attractionscolumns.push({ data: "AttractionsCategory", type: "text" }) : Attractionscolumns.push({ data: "AttractionsCategory", type: "text", readOnly: true });
                AttractionscolWidth.push(120);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionCategoryLineNo);
                $("#AttractionsGridAttractionsCategoryDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsCategoryDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionTypeView) {
            if (AttractionsModel[0].ViewAttractionsType == true) {
                AttractionscolumnHeaders.push($("#AttractionsTypeDiv").html());
                AttractionsModel[0].OperationAttractionTypeEdit ? Attractionscolumns.push({ data: "AttractionsType", type: "dropdown", source: AttractionsRestCategory }) : Attractionscolumns.push({ data: "AttractionsType", type: "dropdown", source: AttractionsRestCategory, readOnly: true });
                AttractionscolWidth.push(120);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionTypeLineNo);
                $("#AttractionsGridAttractionsTypeDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsTypeDiv").show();
        }

        //
        if (AttractionsModel[0].OperationAttractionFirstPaymentView) {
            if (AttractionsModel[0].ViewAttractionsFirstPayment == true) {
                AttractionscolumnHeaders.push($("#AttractionsFirstPaymentDiv").html());
                AttractionsModel[0].OperationAttractionFirstPaymentEdit ? Attractionscolumns.push({ data: "AttractionsFirstPayment", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsFirstPayment", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(130);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionFirstPaymentLineNo);
                $("#AttractionsFirstPaymentDiv").hide();
            }
            else
                $("#AttractionsFirstPaymentDiv").show();
        }
        //
        if (AttractionsModel[0].OperationAttractionFirstPaymentMethodView) {
            if (AttractionsModel[0].ViewAttractionsSelectedFirstPaymentMethod == true) {
                AttractionscolumnHeaders.push($("#AttractionsFirstPaymentMethodDiv").html());
                AttractionsModel[0].OperationAttractionFirstPaymentMethodEdit ? Attractionscolumns.push({ data: "AttractionsSelectedFirstPaymentMethod", type: "dropdown", source: AttractionsPaymentMethoddrop }) : Attractionscolumns.push({ data: "AttractionsSelectedFirstPaymentMethod", type: "dropdown", source: AttractionsPaymentMethoddrop, readOnly: true });
                AttractionscolWidth.push(160);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionFirstPaymentMethodLineNo);
                $("#AttractionsFirstPaymentMethodDiv").hide();
            }
            else
                $("#AttractionsFirstPaymentMethodDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionFirstPaymentDetailsView) {
            AttractionscolumnHeaders.push($("#AttractionsPayMeth1FormHtmlDiv").html());
            Attractionscolumns.push({ data: "AttractionsPayMeth1FormHtml", renderer: "html" });
            AttractionscolWidth.push(120);
            AttractionscolOrder.push(AttractionsModel[0].OperationAttractionFirstPaymentDetailsLineNo);
        }
        //
        if (AttractionsModel[0].OperationAttractionDateofFirstPaymentView) {
            if (AttractionsModel[0].ViewAttractionsDateFirstPayment == true) {
                AttractionscolumnHeaders.push($("#AttractionsDateFirstPaymentDiv").html());
                AttractionsModel[0].OperationAttractionDateofFirstPaymentEdit ? Attractionscolumns.push({ data: "AttractionsDateFirstPayment", type: "date", dateFormat: 'D, dd/M/yy' }) : Attractionscolumns.push({ data: "AttractionsDateFirstPayment", type: "date", dateFormat: 'D, dd/M/yy', readOnly: true });
                AttractionscolWidth.push(160);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDateofFirstPaymentLineNo);
                $("#AttractionsDateFirstPaymentDiv").hide();
            }
            else
                $("#AttractionsDateFirstPaymentDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionSecondPaymentView) {
            if (AttractionsModel[0].ViewAttractionsSecondPayment == true) {
                AttractionscolumnHeaders.push($("#AttractionsSecondPaymentDiv").html());
                AttractionsModel[0].OperationAttractionSecondPaymentEdit ? Attractionscolumns.push({ data: "AttractionsSecondPayment", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsSecondPayment", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(130);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionSecondPaymentLineNo);
                $("#AttractionsSecondPaymentDiv").hide();
            }
            else
                $("#AttractionsSecondPaymentDiv").show();
        }
        //
        if (AttractionsModel[0].OperationAttractionSecondPaymentMethodView) {
            if (AttractionsModel[0].ViewAttractionsSelectedSecondPaymentMethod == true) {
                AttractionscolumnHeaders.push($("#AttractionsSecondPaymentMethodDiv").html());
                AttractionsModel[0].OperationAttractionSecondPaymentMethodEdit ? Attractionscolumns.push({ data: "AttractionsSelectedSecondPaymentMethod", type: "dropdown", source: AttractionsPaymentMethoddrop }) : Attractionscolumns.push({ data: "AttractionsSelectedSecondPaymentMethod", type: "dropdown", source: AttractionsPaymentMethoddrop, readOnly: true });
                AttractionscolWidth.push(160);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionSecondPaymentMethodLineNo);
                $("#AttractionsSecondPaymentMethodDiv").hide();
            }
            else
                $("#AttractionsSecondPaymentMethodDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionSecondPaymentDetailsView) {
            AttractionscolumnHeaders.push($("#AttractionsPayMeth2FormHtmlDiv").html());
            Attractionscolumns.push({ data: "AttractionsPayMeth2FormHtml", renderer: "html" });
            AttractionscolWidth.push(120);
            AttractionscolOrder.push(AttractionsModel[0].OperationAttractionSecondPaymentDetailsLineNo);
        }
        //
        if (AttractionsModel[0].OperationAttractionDateofSecondPaymentView) {
            if (AttractionsModel[0].ViewAttractionsDateSecondPayment == true) {
                AttractionscolumnHeaders.push($("#AttractionsDateSecondPaymentDiv").html());
                AttractionsModel[0].OperationAttractionDateofSecondPaymentEdit ? Attractionscolumns.push({ data: "AttractionsDateSecondPayment", type: "date", dateFormat: 'D, dd/M/yy' }) : Attractionscolumns.push({ data: "AttractionsDateSecondPayment", type: "date", dateFormat: 'D, dd/M/yy', readOnly: true });
                AttractionscolWidth.push(160);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDateofSecondPaymentLineNo);
                $("#AttractionsDateSecondPaymentDiv").hide();
            }
            else
                $("#AttractionsDateSecondPaymentDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionThirdPaymentView) {
            if (AttractionsModel[0].ViewAttractionsThirdPayment == true) {
                AttractionscolumnHeaders.push($("#AttractionsThirdPaymentDiv").html());
                AttractionsModel[0].OperationAttractionThirdPaymentEdit ? Attractionscolumns.push({ data: "AttractionsThirdPayment", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsThirdPayment", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(130);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionThirdPaymentLineNo);
                $("#AttractionsThirdPaymentDiv").hide();
            }
            else
                $("#AttractionsThirdPaymentDiv").show();
        }
        //
        if (AttractionsModel[0].OperationAttractionThirdPaymentMethodView) {
            if (AttractionsModel[0].ViewAttractionsSelectedThirdPaymentMethod == true) {
                AttractionscolumnHeaders.push($("#AttractionsThirdPaymentMethodDiv").html());
                AttractionsModel[0].OperationAttractionThirdPaymentMethodEdit ? Attractionscolumns.push({ data: "AttractionsSelectedThirdPaymentMethod", type: "dropdown", source: AttractionsPaymentMethoddrop }) : Attractionscolumns.push({ data: "AttractionsSelectedThirdPaymentMethod", type: "dropdown", source: AttractionsPaymentMethoddrop, readOnly: true });
                AttractionscolWidth.push(160);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionThirdPaymentMethodLineNo);
                $("#AttractionsThirdPaymentMethodDiv").hide();
            }
            else
                $("#AttractionsThirdPaymentMethodDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionThirdPaymentDetailsView) {
            AttractionscolumnHeaders.push($("#AttractionsPayMeth3FormHtmlDiv").html());
            Attractionscolumns.push({ data: "AttractionsPayMeth3FormHtml", renderer: "html" });
            AttractionscolWidth.push(120);
            AttractionscolOrder.push(AttractionsModel[0].OperationAttractionThirdPaymentDetailsLineNo);
        }
        //
        if (AttractionsModel[0].OperationAttractionDateofThirdPaymentView) {
            if (AttractionsModel[0].ViewAttractionsDateThirdPayment == true) {
                AttractionscolumnHeaders.push($("#AttractionsDateThirdPaymentDiv").html());
                AttractionsModel[0].OperationAttractionDateofThirdPaymentEdit ? Attractionscolumns.push({ data: "AttractionsDateThirdPayment", type: "date", dateFormat: 'D, dd/M/yy' }) : Attractionscolumns.push({ data: "AttractionsDateThirdPayment", type: "date", dateFormat: 'D, dd/M/yy', readOnly: true });
                AttractionscolWidth.push(160);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDateofThirdPaymentLineNo);
                $("#AttractionsDateThirdPaymentDiv").hide();
            }
            else
                $("#AttractionsDateThirdPaymentDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionDepositDateView) {
            if (AttractionsModel[0].ViewAttractionsDepositDate == true) {
                AttractionscolumnHeaders.push($("#AttractionsDepositDateDiv").html());
                AttractionsModel[0].OperationAttractionDepositDateEdit ? Attractionscolumns.push({ data: "AttractionsDepositDate", type: "date", dateFormat: 'D, dd/M/yy' }) : Attractionscolumns.push({ data: "AttractionsDepositDate", type: "date", dateFormat: 'D, dd/M/yy', readOnly: true });
                AttractionscolWidth.push(140);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDepositDateLineNo);
                $("#AttractionsGridAttractionsDepositDateDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsDepositDateDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionDepositView) {
            if (AttractionsModel[0].ViewAttractionsDeposit == true) {
                AttractionscolumnHeaders.push($("#AttractionsDepositDiv").html());
                AttractionsModel[0].OperationAttractionDepositEdit ? Attractionscolumns.push({ data: "AttractionsDeposit", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsDeposit", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(120);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDepositLineNo);
                $("#AttractionsGridAttractionsDepositDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsDepositDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionContactView) {
            if (AttractionsModel[0].ViewAttractionsContact == true) {
                AttractionscolumnHeaders.push($("#AttractionsContactDiv").html());
                AttractionsModel[0].OperationAttractionContactEdit ? Attractionscolumns.push({ data: "AttractionsContact", type: "text" }) : Attractionscolumns.push({ data: "AttractionsContact", type: "text", readOnly: true });
                AttractionscolWidth.push(120);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionContactLineNo);
                $("#AttractionsGridAttractionsContactDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsContactDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionPhoneView) {
            if (AttractionsModel[0].ViewAttractionsPhone == true) {
                AttractionscolumnHeaders.push($("#AttractionsPhoneDiv").html());
                AttractionsModel[0].OperationAttractionPhoneEdit ? Attractionscolumns.push({ data: "AttractionsPhone", type: "text" }) : Attractionscolumns.push({ data: "AttractionsPhone", type: "text", readOnly: true });
                AttractionscolWidth.push(120);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionPhoneLineNo);
                $("#AttractionsGridAttractionsPhoneDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsPhoneDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionEmailView) {
            if (AttractionsModel[0].ViewAttractionsEmail == true) {
                AttractionscolumnHeaders.push($("#AttractionsEmailDiv").html());
                AttractionsModel[0].OperationAttractionEmailEdit ? Attractionscolumns.push({ data: "AttractionsEmail", type: "text" }) : Attractionscolumns.push({ data: "AttractionsEmail", type: "text", readOnly: true });
                AttractionscolWidth.push(120);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionEmailLineNo);
                $("#AttractionsGridAttractionsEmailDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsEmailDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionAddressView) {
            if (AttractionsModel[0].ViewAttractionsAddress == true) {
                AttractionscolumnHeaders.push($("#AttractionsAddressDiv").html());
                AttractionsModel[0].OperationAttractionAddressEdit ? Attractionscolumns.push({ data: "AttractionsAddress", type: "text" }) : Attractionscolumns.push({ data: "AttractionsAddress", type: "text", readOnly: true });
                AttractionscolWidth.push(200);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionAddressLineNo);
                $("#AttractionsGridAttractionsAddressDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsAddressDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionCityView) {
            if (AttractionsModel[0].ViewAttractionsCity == true) {
                AttractionscolumnHeaders.push($("#AttractionsCityDiv").html());
                AttractionsModel[0].OperationAttractionCityEdit ? Attractionscolumns.push({ data: "AttractionsCity", type: "text" }) : Attractionscolumns.push({ data: "AttractionsCity", type: "text", readOnly: true });
                AttractionscolWidth.push(120);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionCityLineNo);
                $("#AttractionsGridAttractionsCityDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsCityDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionViewGroupContractView) {
            AttractionscolumnHeaders.push($("#AttractionsGroupContractHtmlDiv").html());
            Attractionscolumns.push({ data: "AttractionsGroupContractHtml", renderer: "html" });
            AttractionscolWidth.push(150);
            AttractionscolOrder.push(AttractionsModel[0].OperationAttractionViewGroupContractLineNo);
        }
        //if (AttractionsModel[0].OperationAttractionStateView) {
        //    if (AttractionsModel[0].ViewAttractionsState == true) {
        //        AttractionscolumnHeaders.push($("#AttractionsStateDiv").html());
        //        AttractionsModel[0].OperationAttractionStateEdit ? Attractionscolumns.push({ data: "AttractionsState", type: "text" }) : Attractionscolumns.push({ data: "AttractionsState", type: "text", readOnly: true });
        //        AttractionscolWidth.push(120);
        //        AttractionscolOrder.push(AttractionsModel[0].OperationAttractionStateLineNo);
        //        $("#AttractionsGridAttractionsStateDiv").hide();
        //    }
        //    else
        //        $("#AttractionsGridAttractionsStateDiv").show();
        //}
        if (AttractionsModel[0].OperationAttractionTotalCostView) {
            if (AttractionsModel[0].ViewAttractionsTotalCost == true) {
                AttractionscolumnHeaders.push($("#AttractionsTotalCostDiv").html());
                AttractionsModel[0].OperationAttractionTotalCostEdit ? Attractionscolumns.push({ data: "AttractionsTotalCost", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsTotalCost", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(200);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionTotalCostLineNo);
                $("#AttractionsGridAttractionsTotalCostDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsTotalCostDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionTotalAmountPaidView) {
            if (AttractionsModel[0].ViewAttractionsTotalAmountPaid == true) {
                AttractionscolumnHeaders.push($("#AttractionsTotalAmountPaidDiv").html());
                AttractionsModel[0].OperationAttractionTotalAmountPaidEdit ? Attractionscolumns.push({ data: "AttractionsTotalAmountPaid", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsTotalAmountPaid", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(200);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionTotalAmountPaidLineNo);
                $("#AttractionsGridAttractionsTotalAmountPaidDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsTotalAmountPaidDiv").show();
        }
        //if (AttractionsModel[0].OperationAttractionFinalPaymentView) {
        //    if (AttractionsModel[0].ViewAttractionsFinalPayment == true) {
        //        AttractionscolumnHeaders.push($("#AttractionsFinalPaymentDiv").html());
        //        AttractionsModel[0].OperationAttractionFinalPaymentEdit ? Attractionscolumns.push({ data: "AttractionsFinalPayment", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsFinalPayment", type: "numeric", format: '$0,0.00', readOnly: true });
        //        AttractionscolWidth.push(200);
        //        AttractionscolOrder.push(AttractionsModel[0].OperationAttractionFinalPaymentLineNo);
        //        $("#AttractionsGridAttractionsFinalPaymentDiv").hide();
        //    }
        //    else
        //        $("#AttractionsGridAttractionsFinalPaymentDiv").show();
        //}
        //if (AttractionsModel[0].OperationAttractionDepositAmountPaidView) {
        //    if (AttractionsModel[0].ViewAttractionsDepositAmountPaid == true) {
        //        AttractionscolumnHeaders.push($("#AttractionsDepositAmountPaidDiv").html());
        //        AttractionsModel[0].OperationAttractionDepositAmountPaidEdit ? Attractionscolumns.push({ data: "AttractionsDepositAmountPaid", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsDepositAmountPaid", type: "numeric", format: '$0,0.00', readOnly: true });
        //        AttractionscolWidth.push(200);
        //        AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDepositAmountPaidLineNo);
        //        $("#AttractionsGridAttractionsDepositAmountPaidDiv").hide();
        //    }
        //    else
        //        $("#AttractionsGridAttractionsDepositAmountPaidDiv").show();
        //}
        if (AttractionsModel[0].OperationAttractionCreditCardChargeAmountView) {
            if (AttractionsModel[0].ViewAttractionsCreditCardChargeAmount == true) {
                AttractionscolumnHeaders.push($("#AttractionsCreditCardChargeAmountDiv").html());
                AttractionsModel[0].OperationAttractionCreditCardChargeAmountEdit ? Attractionscolumns.push({ data: "AttractionsCreditCardChargeAmount", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsCreditCardChargeAmount", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(220);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionCreditCardChargeAmountLineNo);
                $("#AttractionsGridAttractionsCreditCardChargeAmountDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsCreditCardChargeAmountDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionCreditCardMemoView) {
            if (AttractionsModel[0].ViewAttractionsCreditCardMemo == true) {
                AttractionscolumnHeaders.push($("#AttractionsCreditCardMemoDiv").html());
                AttractionsModel[0].OperationAttractionCreditCardMemoEdit ? Attractionscolumns.push({ data: "AttractionsCreditCardMemo", type: "text" }) : Attractionscolumns.push({ data: "AttractionsCreditCardMemo", type: "text", readOnly: true });
                AttractionscolWidth.push(450);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionCreditCardMemoLineNo);
                $("#AttractionsGridAttractionsCreditCardMemoDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsCreditCardMemoDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionMenuView) {
            if (AttractionsModel[0].ViewAttractionsRestService == true) {
                AttractionscolumnHeaders.push($("#AttractionsRestServiceDiv").html());
                AttractionsModel[0].OperationAttractionMenuEdit ? Attractionscolumns.push({ data: "AttractionsSelectedRestService", type: "dropdown", source: AttractionsRestServiceDrop }) : Attractionscolumns.push({ data: "AttractionsSelectedRestService", type: "dropdown", source: AttractionsRestServiceDrop, readOnly: true });
                AttractionscolWidth.push(220);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionMenuLineNo);
                $("#AttractionsGridAttractionsRestServiceDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsRestServiceDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionUnitPriceView) {
            if (AttractionsModel[0].ViewAttractionsUnitRate == true) {
                AttractionscolumnHeaders.push($("#AttractionsUnitRateDiv").html());
                AttractionsModel[0].OperationAttractionUnitPriceEdit ? Attractionscolumns.push({ data: "AttractionsUnitRate", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsUnitRate", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(120);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionUnitPriceLineNo);
                $("#AttractionsGridAttractionsUnitRateDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsUnitRateDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionOutstandingAmountView) {
            if (AttractionsModel[0].ViewAttractionsOutstandingAmt == true) {
                AttractionscolumnHeaders.push($("#AttractionsOutstandingAmtDiv").html());
                AttractionsModel[0].OperationAttractionOutstandingAmountEdit ? Attractionscolumns.push({ data: "AttractionsOutstandingAmt", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsOutstandingAmt", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(200);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionOutstandingAmountLineNo);
                $("#AttractionsGridAttractionsOutstandingAmtDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsOutstandingAmtDiv").show();
        }
        if (AttractionsModel[0].OperationAttractionDifferenceTotalPaidTotalChargedView) {
            if (AttractionsModel[0].ViewAttractionsDifferenceTotalPaid_TotalCharged == true) {
                AttractionscolumnHeaders.push($("#AttractionsDifferenceTotalPaid_TotalChargedDiv").html());
                AttractionsModel[0].OperationAttractionDifferenceTotalPaidTotalChargedEdit ? Attractionscolumns.push({ data: "AttractionsDifferenceTotalPaid_TotalCharged", type: "numeric", format: '$0,0.00' }) : Attractionscolumns.push({ data: "AttractionsDifferenceTotalPaid_TotalCharged", type: "numeric", format: '$0,0.00', readOnly: true });
                AttractionscolWidth.push(340);
                AttractionscolOrder.push(AttractionsModel[0].OperationAttractionDifferenceTotalPaidTotalChargedLineNo);
                $("#AttractionsGridAttractionsDifferenceTotalPaid_TotalChargedDiv").hide();
            }
            else
                $("#AttractionsGridAttractionsDifferenceTotalPaid_TotalChargedDiv").show();
        }

        for (var ind1 = 0; ind1 < AttractionscolOrder.length; ind1++)
            for (var ind2 = ind1 + 1; ind2 < AttractionscolOrder.length; ind2++) {
                if (AttractionscolOrder[ind2] < AttractionscolOrder[ind1]) {
                    var ord = AttractionscolOrder[ind2];
                    AttractionscolOrder[ind2] = AttractionscolOrder[ind1];
                    AttractionscolOrder[ind1] = ord;
                    var Header = AttractionscolumnHeaders[ind2];
                    AttractionscolumnHeaders[ind2] = AttractionscolumnHeaders[ind1];
                    AttractionscolumnHeaders[ind1] = Header;
                    var Width = AttractionscolWidth[ind2];
                    AttractionscolWidth[ind2] = AttractionscolWidth[ind1];
                    AttractionscolWidth[ind1] = Width;
                    var Col = Attractionscolumns[ind2];
                    Attractionscolumns[ind2] = Attractionscolumns[ind1];
                    Attractionscolumns[ind1] = Col;
                }
            }
        AttRedColorRendererForNegative = function (instance, td, row, col, prop, value, cellProperties) {
            Handsontable.renderers.NumericRenderer.apply(this, arguments);
            td.style.color = 'red';
        };
        var Attractionsdata = AttractionsModel[0].Rows;
        var CopyRowStart = null;
        $('#OperAttractionsGrid').handsontable({
            data: Attractionsdata,
            minSpareRows: 1,
            colHeaders: AttractionscolumnHeaders,
            colWidths: AttractionscolWidth,
            contextMenu: false,
            manualColumnResize: true,
            manualRowResize: true,
            manualColumnMove: true,
            wordWrap: false,
            columns: Attractionscolumns,
            fixedColumnsLeft: AttractionsModel[0].OperationAttractionFixedColumnCount,
            afterSelectionEnd: function (row1, column1, row2, column2) {
                SelectedAttractionsGridData.length = 0;
                SelectedAttractionsGridData.push(row1);
                SelectedAttractionsGridData.push(row2);
                SelectedAttractionsGridData.push(column1);
                SelectedAttractionsGridData.push(column2);
                $("#AttractionsGetSelected").removeAttr('disabled');
            },
            afterSelectionByProp: function (row1, prop1, row2, prop2) {
                if (prop1 == prop2 && prop1 == "AttractionsSupplier" && this.getData()[row1].AttractionsVendorID != null)
                    CopyRowStart = row1;
            },
            afterChange: function (data, source) {
                debugger
                if (data != null) {
                    CheckOperAttractionsDataChanges();
                    var instance = this;
                    if (data[0][1] == "AttractionsSupplier" && instance.getData()[data[0][0]].AttractionsSelectedVendorStatus == "Made") {
                        jAlert("Supplier with Made status can not be changed.", "Warning!");
                        instance.getData()[data[0][0]].AttractionsSupplier = data[0][2];
                        instance.render();
                    }
                    $(data).each(function (index, elem) {
                        if (elem[1] == "AttractionsSupplier") {
                            var row = elem[0];
                            var VndElem = AttractionsGetVendorElemByVendorName(elem[3]);
                            AttractionsAutoCopyCols(instance, row, VndElem, CopyRowStart);
                            CopyRowStart++;
                        }
                        if (elem[1] == "AttractionsSelectedVendorStatus") {
                            var VndElem = AttractionsGetVendorElemByVendorID(instance.getData()[elem[0]].AttractionsVendorID);
                            if (VndElem.VendorIsFind && elem[3] != elem[2]) {
                                jAlert("Vendor status can't be changed", "Warning!");
                                instance.getData()[elem[0]].AttractionsSelectedVendorStatus = elem[2];
                            }
                        }
                    });
                    instance.render();
                }
            },
            cells: function (row, col, prop) {
                var Cellinstance = this;
                if (Cellinstance.renderer == Handsontable.renderers.NumericRenderer && Cellinstance.instance.getDataAtCell(row, col) < 0) {
                    Cellinstance.renderer = AttRedColorRendererForNegative;
                }
                var cellProperties = {};
                if (prop == "AttractionsSupplier") {
                    var VendorType = Cellinstance.instance.getData()[row].AttractionsCategory;
                    var VendorID = Cellinstance.instance.getData()[row].AttractionsVendorID;
                    if (VendorID != null) {
                        if (VendorType == "Restaurant") {
                            Cellinstance.source = AttractionsVendorNameRestdrop;
                        }
                        else if (VendorType == 'Attraction' || VendorType == 'Special') {
                            Cellinstance.source = AttractionsVendorNameAttdrop;
                        }
                    }
                }
                if (prop == "AttractionsType") {
                    var VendorType = Cellinstance.instance.getData()[row].AttractionsCategory;
                    if (VendorType == "Restaurant") {
                        Cellinstance.source = AttractionsRestCategory;
                        if (Cellinstance.instance.getData()[row].AttractionsType == null || Cellinstance.instance.getData()[row].AttractionsType == "") {
                            Cellinstance.instance.getData()[row].AttractionsType = AttractionsRestCategory[0];
                        }
                        cellProperties.readOnly = false;
                    }
                    else if (VendorType == 'Attraction' || VendorType == 'Special') {
                        Cellinstance.source = AttractionsAttrCategory;
                        Cellinstance.instance.getData()[row].AttractionsType = AttractionsAttrCategory[0];
                        cellProperties.readOnly = true;
                    }
                    return cellProperties;
                }
                if (prop == "AttractionsSelectedRestService") {
                    var VendorType = Cellinstance.instance.getData()[row].AttractionsCategory;
                    if (VendorType == "Restaurant") {
                        Cellinstance.source = AttractionsRestServiceDrop;
                        cellProperties.readOnly = false;
                    }
                    else if (VendorType == 'Attraction' || VendorType == 'Special')
                    {
                        Cellinstance.source = AttractionsAttrServiceDrop;
                        Cellinstance.instance.getData()[row].AttractionsSelectedRestService = AttractionsAttrServiceDrop[0];
                        cellProperties.readOnly = true;
                    }
                    return cellProperties;
                }
                if (prop == "AttractionsInvoicePrice") {
                    if (AttractionsModel[0].OperationAttractionInvoicePriceEdit && AttractionsModel[0].OperationAttractionIsInvoiceView)
                    {
                        cellProperties.readOnly = !Cellinstance.instance.getData()[row].AttractionsIsInvoice;
                        return cellProperties;
                    }
                }
                if (prop == "AttractionsPax") {
                    if (AttractionsModel[0].OperationAttractionPaxEdit && AttractionsModel[0].OperationAttractionIsInvoiceView) {
                        cellProperties.readOnly = !Cellinstance.instance.getData()[row].AttractionsIsInvoice;
                        return cellProperties;
                    }
                }
            }
        });
        if ($("#IsRemoveAttractionsFilterDivShow").val() == "True") {
            $("#AttractionsRemoveFiltersDiv").show();
        }
    }
    function AttractionsGetVendorElemByVendorName(VndName) {
        var Velem = null;
        $(AttractionsModel[0].VendorInfo).each(function (index, elem) {
            if (elem.VendorName == VndName)
                Velem = elem;
        });
        return Velem;
    }
    function AttractionsGetVendorElemByVendorID(VendorID) {
        var Velem = null;
        $(AttractionsModel[0].VendorInfo).each(function (index, elem) {
            if (elem.VendorID == VendorID)
                Velem = elem;
        });
        return Velem;
    }
    function AttractionsAutoCopyCols(instance, row, VndElem, CopyRowStart) {
        debugger
        // Vendor Info auto copy
        instance.getData()[row].AttractionsCity = VndElem.VendorCity;
        instance.getData()[row].AttractionsAddress = VndElem.VendorAddress;
        instance.getData()[row].AttractionsPhone = VndElem.VendorPhone;
        instance.getData()[row].AttractionsCategory = VndElem.VendorType;
        instance.getData()[row].AttractionsEmail = VndElem.VendorEmail;
        instance.getData()[row].AttractionsContact = VndElem.VendorContactPerson;
        instance.getData()[row].AttractionsNewVendorID = VndElem.VendorID;
        if (instance.getData()[row].AttractionsGroupID == null && CopyRowStart != null) {
            // new row
            instance.getData()[row].AttractionsGroupID = instance.getData()[CopyRowStart].AttractionsGroupID;
            instance.getData()[row].AttractionsGroupCode = instance.getData()[CopyRowStart].AttractionsGroupCode;
            instance.getData()[row].AttractionsGroupName = instance.getData()[CopyRowStart].AttractionsGroupName;
            instance.getData()[row].AttractionsCustomer = instance.getData()[CopyRowStart].AttractionsCustomer;
            instance.getData()[row].AttractionsSelectedEmployee = instance.getData()[CopyRowStart].AttractionsSelectedEmployee;
            instance.getData()[row].AttractionsPax = instance.getData()[CopyRowStart].AttractionsPax;
            instance.getData()[row].AttractionsEstNoOfPerson = instance.getData()[CopyRowStart].AttractionsEstNoOfPerson;
            instance.getData()[row].AttractionsSelectedVendorStatus = AttractionsModel[0].VendorStatus[0].Text;
            instance.getData()[row].AttractionsDate = instance.getData()[CopyRowStart].AttractionsDate;
            instance.getData()[row].AttractionsTime = instance.getData()[CopyRowStart].AttractionsTime;
            instance.getData()[row].AttractionsQuotaPrice = instance.getData()[CopyRowStart].AttractionsQuotaPrice;
            instance.getData()[row].AttractionsQuotaSupplier = instance.getData()[CopyRowStart].AttractionsQuotaSupplier;
            instance.getData()[row].AttractionsQuotaCurr = instance.getData()[CopyRowStart].AttractionsQuotaCurr;
        }

    }
    function AttractionsGetSelectedClick() {
        if ($("#AttractionsForEmail").length > 0) {
            $("#AttractionsForEmail").remove();
        }
        //get the instance using jQuery wrapper
        var SelectedAttractionsGridDataHeaders = [];
        var SelectedAttractionsElementValues = [];
        if (SelectedAttractionsGridData[2] > SelectedAttractionsGridData[3]) {
            var a = SelectedAttractionsGridData[3];
            SelectedAttractionsGridData[3] = SelectedAttractionsGridData[2];
            SelectedAttractionsGridData[2] = a;

        }
        if (SelectedAttractionsGridData[0] > SelectedAttractionsGridData[1]) {
            var a = SelectedAttractionsGridData[0];
            SelectedAttractionsGridData[0] = SelectedAttractionsGridData[1];
            SelectedAttractionsGridData[1] = a;

        }
        for (var ind = SelectedAttractionsGridData[2]; ind <= SelectedAttractionsGridData[3]; ++ind) {
            SelectedAttractionsGridDataHeaders.push(($('#OperAttractionsGrid').handsontable('getColHeader', ind)));
        }
        var hadstontabledata = $('#OperAttractionsGrid').handsontable('getData', SelectedAttractionsGridData[0], SelectedAttractionsGridData[2], SelectedAttractionsGridData[1], SelectedAttractionsGridData[3]);
        $("#OperAttractionsGridForm").append("<div id='AttractionsForEmail' style='Display:None'></div>");

        var table = $('<table></table>');

        var Headercolumn = $("<tr style='border: 1px solid black;border-collapse: collapse'></tr>");
        for (i = 0; i < SelectedAttractionsGridDataHeaders.length; i++) {
            var Headerrow = $("<td style='border: 1px solid black;border-collapse: collapse;background-color:red;color:white'></td>").html(SelectedAttractionsGridDataHeaders[i]);
            Headercolumn.append(Headerrow);
            table.append(Headercolumn);
        }
        $(table).find('.AttractionsGridFilterBtn').each(function () {
            $(this).remove();
        });
        $(table).find('.AttractionsGridViewBtn').each(function () {
            $(this).remove();
        });
        $(table).find('input').each(function () {
            $(this).remove();
        });
        for (i = 0; i < hadstontabledata.length; i++) {
            var columntr = $("<tr style='border: 1px solid black;border-collapse: collapse'></tr>");
            for (j = 0; j < hadstontabledata[i].length; ++j) {
                var rowtd = $("<td style='border: 1px solid black;border-collapse: collapse'></td>").html(hadstontabledata[i][j]);
                columntr.append(rowtd)
            }
            table.append(columntr);
        }

        $('#AttractionsForEmail').append(table);
    }
    // Attractions Grid column Hide Unhide
    function AttractionsGridColumnHideUnhide(element) {
        debugger
        var column = $(element).attr('id');
        switch (column) {
            case "AttractionsGridAttractionsIsGuideInvoiceView":
                {
                    if (AttractionsModel[0].ViewAttractionsIsGuideInvoice == true)
                        AttractionsModel[0].ViewAttractionsIsGuideInvoice = false;
                    else
                        AttractionsModel[0].ViewAttractionsIsGuideInvoice = true;
                }
                break;
            case "AttractionsGridAttractionsGuideInvoicePriceView":
                {
                    if (AttractionsModel[0].ViewAttractionsGuideInvoicePrice == true)
                        AttractionsModel[0].ViewAttractionsGuideInvoicePrice = false;
                    else
                        AttractionsModel[0].ViewAttractionsGuideInvoicePrice = true;
                }
                break;
            case "AttractionsGridAttractionsIsInvoiceView":
                {
                    if (AttractionsModel[0].ViewAttractionsIsInvoice == true)
                        AttractionsModel[0].ViewAttractionsIsInvoice = false;
                    else
                        AttractionsModel[0].ViewAttractionsIsInvoice = true;
                }
                break;
            case "AttractionsGridAttractionsInvoicePriceView":
                {
                    if (AttractionsModel[0].ViewAttractionsInvoicePrice == true)
                        AttractionsModel[0].ViewAttractionsInvoicePrice = false;
                    else
                        AttractionsModel[0].ViewAttractionsInvoicePrice = true;
                }
                break;
            case "AttractionsGridAttractionsOptionalView":
                {
                    if (AttractionsModel[0].ViewAttractionsOptionalHtml == true)
                        AttractionsModel[0].ViewAttractionsOptionalHtml = false;
                    else
                        AttractionsModel[0].ViewAttractionsOptionalHtml = true;
                }
                break;
            case "AttractionsGridAttractionsGroupNameView":
                {
                    if (AttractionsModel[0].ViewAttractionsGroupName == true)
                        AttractionsModel[0].ViewAttractionsGroupName = false;
                    else
                        AttractionsModel[0].ViewAttractionsGroupName = true;
                }
                break;
            case "AttractionsGridAttractionsGroupCodeView":
                {
                    if (AttractionsModel[0].ViewAttractionsGroupCode == true)
                        AttractionsModel[0].ViewAttractionsGroupCode = false;
                    else
                        AttractionsModel[0].ViewAttractionsGroupCode = true;
                }
                break;
            case "AttractionsGridAttractionsConfHtmlView":
                {
                    if (AttractionsModel[0].ViewAttractionsConfHtml == true)
                        AttractionsModel[0].ViewAttractionsConfHtml = false;
                    else
                        AttractionsModel[0].ViewAttractionsConfHtml = true;
                }
                break;
            case "AttractionsGridAttractionsCustomerView":
                {
                    if (AttractionsModel[0].ViewAttractionsCustomer == true)
                        AttractionsModel[0].ViewAttractionsCustomer = false;
                    else
                        AttractionsModel[0].ViewAttractionsCustomer = true;
                }
                break;
            case "AttractionsGridAttractionsEmployeeView":
                {
                    if (AttractionsModel[0].ViewAttractionsEmployee == true)
                        AttractionsModel[0].ViewAttractionsEmployee = false;
                    else
                        AttractionsModel[0].ViewAttractionsEmployee = true;
                }
                break;
            case "AttractionsGridAttractionsPaxView":
                {
                    if (AttractionsModel[0].ViewAttractionsPax == true)
                        AttractionsModel[0].ViewAttractionsPax = false;
                    else
                        AttractionsModel[0].ViewAttractionsPax = true;
                }
                break;
            case "AttractionsGridAttractionsEstNumberofPersonView":
                {
                    if (AttractionsModel[0].ViewAttractionsEstNumberofPerson == true)
                        AttractionsModel[0].ViewAttractionsEstNumberofPerson = false;
                    else
                        AttractionsModel[0].ViewAttractionsEstNumberofPerson = true;
                }
                break;
            case "AttractionsGridAttractionsSupplierView":
                {
                    if (AttractionsModel[0].ViewAttractionsSupplier == true)
                        AttractionsModel[0].ViewAttractionsSupplier = false;
                    else
                        AttractionsModel[0].ViewAttractionsSupplier = true;
                }
                break;
            case "AttractionsGridAttractionsDifferenceView":
                {
                    if (AttractionsModel[0].ViewAttractionsDifference == true)
                        AttractionsModel[0].ViewAttractionsDifference = false;
                    else
                        AttractionsModel[0].ViewAttractionsDifference = true;
                }
                break;
            case "AttractionsGridAttractionsDoneView":
                {
                    if (AttractionsModel[0].ViewAttractionsDone == true)
                        AttractionsModel[0].ViewAttractionsDone = false;
                    else
                        AttractionsModel[0].ViewAttractionsDone = true;
                }
                break;
            case "AttractionsGridAttractionsDateView":
                {
                    if (AttractionsModel[0].ViewAttractionsDate == true)
                        AttractionsModel[0].ViewAttractionsDate = false;
                    else
                        AttractionsModel[0].ViewAttractionsDate = true;
                }
                break;
            case "AttractionsGridAttractionsTimeView":
                {
                    if (AttractionsModel[0].ViewAttractionsTime == true)
                        AttractionsModel[0].ViewAttractionsTime = false;
                    else
                        AttractionsModel[0].ViewAttractionsTime = true;
                }
                break;
            case "AttractionsGridAttractionsCategoryView":
                {
                    if (AttractionsModel[0].ViewAttractionsCategory == true)
                        AttractionsModel[0].ViewAttractionsCategory = false;
                    else
                        AttractionsModel[0].ViewAttractionsCategory = true;
                }
                break;
            case "AttractionsGridAttractionsTypeView":
                {
                    if (AttractionsModel[0].ViewAttractionsType == true)
                        AttractionsModel[0].ViewAttractionsType = false;
                    else
                        AttractionsModel[0].ViewAttractionsType = true;
                }
                break;
            case "AttractionsGridAttractionsFirstPaymentView":
                {
                    if (AttractionsModel[0].ViewAttractionsFirstPayment == true)
                        AttractionsModel[0].ViewAttractionsFirstPayment = false;
                    else
                        AttractionsModel[0].ViewAttractionsFirstPayment = true;
                }
                break;
            case "AttractionsGridAttractionsFirstPaymentMethodView":
                {
                    if (AttractionsModel[0].ViewAttractionsSelectedFirstPaymentMethod == true)
                        AttractionsModel[0].ViewAttractionsSelectedFirstPaymentMethod = false;
                    else
                        AttractionsModel[0].ViewAttractionsSelectedFirstPaymentMethod = true;
                }
                break;
            case "AttractionsGridAttractionsDateFirstPaymentView":
                {
                    if (AttractionsModel[0].ViewAttractionsDateFirstPayment == true)
                        AttractionsModel[0].ViewAttractionsDateFirstPayment = false;
                    else
                        AttractionsModel[0].ViewAttractionsDateFirstPayment = true;
                }
                break;
            case "AttractionsGridAttractionsSecondPaymentView":
                {
                    if (AttractionsModel[0].ViewAttractionsSecondPayment == true)
                        AttractionsModel[0].ViewAttractionsSecondPayment = false;
                    else
                        AttractionsModel[0].ViewAttractionsSecondPayment = true;
                }
                break;
            case "AttractionsGridAttractionsSecondPaymentMethodView":
                {
                    if (AttractionsModel[0].ViewAttractionsSelectedSecondPaymentMethod == true)
                        AttractionsModel[0].ViewAttractionsSelectedSecondPaymentMethod = false;
                    else
                        AttractionsModel[0].ViewAttractionsSelectedSecondPaymentMethod = true;
                }
                break;
            case "AttractionsGridAttractionsDateSecondPaymentView":
                {
                    if (AttractionsModel[0].ViewAttractionsDateSecondPayment == true)
                        AttractionsModel[0].ViewAttractionsDateSecondPayment = false;
                    else
                        AttractionsModel[0].ViewAttractionsDateSecondPayment = true;
                }
                break;
            case "AttractionsGridAttractionsThirdPaymentView":
                {
                    if (AttractionsModel[0].ViewAttractionsThirdPayment == true)
                        AttractionsModel[0].ViewAttractionsThirdPayment = false;
                    else
                        AttractionsModel[0].ViewAttractionsThirdPayment = true;
                }
                break;
            case "AttractionsGridAttractionsThirdPaymentMethodView":
                {
                    if (AttractionsModel[0].ViewAttractionsSelectedThirdPaymentMethod == true)
                        AttractionsModel[0].ViewAttractionsSelectedThirdPaymentMethod = false;
                    else
                        AttractionsModel[0].ViewAttractionsSelectedThirdPaymentMethod = true;
                }
                break;
            case "AttractionsGridAttractionsDateThirdPaymentView":
                {
                    if (AttractionsModel[0].ViewAttractionsDateThirdPayment == true)
                        AttractionsModel[0].ViewAttractionsDateThirdPayment = false;
                    else
                        AttractionsModel[0].ViewAttractionsDateThirdPayment = true;
                }
                break;
            case "AttractionsGridAttractionsDepositView":
                {
                    if (AttractionsModel[0].ViewAttractionsDeposit == true)
                        AttractionsModel[0].ViewAttractionsDeposit = false;
                    else
                        AttractionsModel[0].ViewAttractionsDeposit = true;
                }
                break;
            case "AttractionsGridAttractionsDepositDateView":
                {
                    if (AttractionsModel[0].ViewAttractionsDepositDate == true)
                        AttractionsModel[0].ViewAttractionsDepositDate = false;
                    else
                        AttractionsModel[0].ViewAttractionsDepositDate = true;
                }
                break;
            case "AttractionsGridAttractionsContactView":
                {
                    if (AttractionsModel[0].ViewAttractionsContact == true)
                        AttractionsModel[0].ViewAttractionsContact = false;
                    else
                        AttractionsModel[0].ViewAttractionsContact = true;
                }
                break;
            case "AttractionsGridAttractionsPhoneView":
                {
                    if (AttractionsModel[0].ViewAttractionsPhone == true)
                        AttractionsModel[0].ViewAttractionsPhone = false;
                    else
                        AttractionsModel[0].ViewAttractionsPhone = true;
                }
                break;
            case "AttractionsGridAttractionsEmailView":
                {
                    if (AttractionsModel[0].ViewAttractionsEmail == true)
                        AttractionsModel[0].ViewAttractionsEmail = false;
                    else
                        AttractionsModel[0].ViewAttractionsEmail = true;
                }
                break;
            case "AttractionsGridAttractionsAddressView":
                {
                    if (AttractionsModel[0].ViewAttractionsAddress == true)
                        AttractionsModel[0].ViewAttractionsAddress = false;
                    else
                        AttractionsModel[0].ViewAttractionsAddress = true;
                }
                break;
            case "AttractionsGridAttractionsCityView":
                {
                    if (AttractionsModel[0].ViewAttractionsCity == true)
                        AttractionsModel[0].ViewAttractionsCity = false;
                    else
                        AttractionsModel[0].ViewAttractionsCity = true;
                }
                break;
            case "AttractionsGridAttractionsStateView":
                {
                    if (AttractionsModel[0].ViewAttractionsState == true)
                        AttractionsModel[0].ViewAttractionsState = false;
                    else
                        AttractionsModel[0].ViewAttractionsState = true;
                }
                break;
            case "AttractionsGridAttractionsStatusView":
                {
                    if (AttractionsModel[0].ViewAttractionsStatus == true)
                        AttractionsModel[0].ViewAttractionsStatus = false;
                    else
                        AttractionsModel[0].ViewAttractionsStatus = true;
                }
                break;
            case "AttractionsGridAttractionsRestServiceView":
                {
                    if (AttractionsModel[0].ViewAttractionsRestService == true)
                        AttractionsModel[0].ViewAttractionsRestService = false;
                    else
                        AttractionsModel[0].ViewAttractionsRestService = true;
                }
                break;
            case "AttractionsGridAttractionsCurrencyView":
                {
                    if (AttractionsModel[0].ViewAttractionsCurrency == true)
                        AttractionsModel[0].ViewAttractionsCurrency = false;
                    else
                        AttractionsModel[0].ViewAttractionsCurrency = true;
                }
                break;
            case "AttractionsGridAttractionsQuotaPriceView":
                {
                    if (AttractionsModel[0].ViewAttractionsQuotaPrice == true)
                        AttractionsModel[0].ViewAttractionsQuotaPrice = false;
                    else
                        AttractionsModel[0].ViewAttractionsQuotaPrice = true;
                }
                break;
            case "AttractionsGridAttractionsQuotaSupplierView":
                {
                    if (AttractionsModel[0].ViewAttractionsQuotaSupplier == true)
                        AttractionsModel[0].ViewAttractionsQuotaSupplier = false;
                    else
                        AttractionsModel[0].ViewAttractionsQuotaSupplier = true;
                }
                break;
            case "AttractionsGridAttractionsTotalCostView":
                {
                    if (AttractionsModel[0].ViewAttractionsTotalCost == true)
                        AttractionsModel[0].ViewAttractionsTotalCost = false;
                    else
                        AttractionsModel[0].ViewAttractionsTotalCost = true;
                }
                break;
            case "AttractionsGridAttractionsTotalAmountPaidView":
                {
                    if (AttractionsModel[0].ViewAttractionsTotalAmountPaid == true)
                        AttractionsModel[0].ViewAttractionsTotalAmountPaid = false;
                    else
                        AttractionsModel[0].ViewAttractionsTotalAmountPaid = true;
                }
                break;
            case "AttractionsGridAttractionsFinalPaymentView":
                {
                    if (AttractionsModel[0].ViewAttractionsFinalPayment == true)
                        AttractionsModel[0].ViewAttractionsFinalPayment = false;
                    else
                        AttractionsModel[0].ViewAttractionsFinalPayment = true;
                }
                break;
            case "AttractionsGridAttractionsDepositAmountPaidPaidView":
                {
                    if (AttractionsModel[0].ViewAttractionsDepositAmountPaid == true)
                        AttractionsModel[0].ViewAttractionsDepositAmountPaid = false;
                    else
                        AttractionsModel[0].ViewAttractionsDepositAmountPaid = true;
                }
                break;
            case "AttractionsGridAttractionsCreditCardChargeAmountView":
                {
                    if (AttractionsModel[0].ViewAttractionsCreditCardChargeAmount == true)
                        AttractionsModel[0].ViewAttractionsCreditCardChargeAmount = false;
                    else
                        AttractionsModel[0].ViewAttractionsCreditCardChargeAmount = true;
                }
                break;
            case "AttractionsGridAttractionsCreditCardMemoView":
                {
                    if (AttractionsModel[0].ViewAttractionsCreditCardMemo == true)
                        AttractionsModel[0].ViewAttractionsCreditCardMemo = false;
                    else
                        AttractionsModel[0].ViewAttractionsCreditCardMemo = true;
                }
                break;
            case "AttractionsGridAttractionsUnitRateView":
                {
                    if (AttractionsModel[0].ViewAttractionsUnitRate == true)
                        AttractionsModel[0].ViewAttractionsUnitRate = false;
                    else
                        AttractionsModel[0].ViewAttractionsUnitRate = true;
                }
                break;
            case "AttractionsGridAttractionsOutstandingAmtView":
                {
                    if (AttractionsModel[0].ViewAttractionsOutstandingAmt == true)
                        AttractionsModel[0].ViewAttractionsOutstandingAmt = false;
                    else
                        AttractionsModel[0].ViewAttractionsOutstandingAmt = true;
                }
                break;
            case "AttractionsGridAttractionsDifferenceTotalPaid_TotalChargedView":
                {
                    if (AttractionsModel[0].ViewAttractionsDifferenceTotalPaid_TotalCharged == true)
                        AttractionsModel[0].ViewAttractionsDifferenceTotalPaid_TotalCharged = false;
                    else
                        AttractionsModel[0].ViewAttractionsDifferenceTotalPaid_TotalCharged = true;
                }
                break;
            default:
                break;
        }
        LoadAttractionsGrid(true);
    }
    function CheckOperAttractionsDataChanges() {
        if (!$("#OperAttractionsSaveBtn").hasClass("GridDataChanged"))
            $("#OperAttractionsSaveBtn").addClass("GridDataChanged");
    }
    // Save Attractions Grid Data
    function AttractionsGridSave() {
        debugger;
        var Rows = $('#OperAttractionsGrid').data('handsontable').getData();
        var SelectedAttractionsFilterCustomerCode = [];
        $('#AttractionsGridCustomerCodeMainDiv input[name=SelectedAttractionsFilterCustomerCode]:checked').each(function () {
            SelectedAttractionsFilterCustomerCode.push($(this).val());
        });
        var SelectedAttractionsFilterGroupCode = [];
        $('#AttractionsGridGroupCodeMainDiv input[name=SelectedAttractionsFilterGroupCode]:checked').each(function () {
            SelectedAttractionsFilterGroupCode.push($(this).val());
        });
        var SelectedAttractionsFilterGroupName = [];
        $('#AttractionsGridGroupNameMainDiv input[name=SelectedAttractionsFilterGroupName]:checked').each(function () {
            SelectedAttractionsFilterGroupName.push($(this).val());
        });
        var SelectedAttractionsFilterVendorName = [];
        $('#AttractionsGridVendorNameMainDiv input[name=SelectedAttractionsFilterVendorName]:checked').each(function () {
            SelectedAttractionsFilterVendorName.push($(this).val());
        });
        var SelectedAttractionsFilterVendorCity = [];
        $('#AttractionsGridVendorCityMainDiv input[name=SelectedAttractionsFilterVendorCity]:checked').each(function () {
            SelectedAttractionsFilterVendorCity.push($(this).val());
        });
        var SelectedAttractionsFilterStatus = [];
        $('#AttractionsGridStatusMainDiv input[name=SelectedAttractionsFilterStatus]:checked').each(function () {
            SelectedAttractionsFilterStatus.push($(this).val());
        });
        var SelectedAttractionsFilterVendorType = [];
        $('#AttractionsGridVendorTypeMainDiv input[name=SelectedAttractionsFilterVendorType]:checked').each(function () {
            SelectedAttractionsFilterVendorType.push($(this).val());
        });
        var SelectedAttractionsFilterRestaurantType = [];
        $('#AttractionsGridRestaurantTypeMainDiv input[name=SelectedAttractionsFilterRestaurantType]:checked').each(function () {
            SelectedAttractionsFilterRestaurantType.push($(this).val());
        });
        var OperationAttractionsGridViewModel = {
            SaveRows: [],
            // show hide
            ViewAttractionsIsGuideInvoice: AttractionsModel[0].ViewAttractionsIsGuideInvoice,
            ViewAttractionsGuideInvoicePrice: AttractionsModel[0].ViewAttractionsGuideInvoicePrice,
            ViewAttractionsIsInvoice: AttractionsModel[0].ViewAttractionsIsInvoice,
            ViewAttractionsInvoicePrice: AttractionsModel[0].ViewAttractionsInvoicePrice,
            ViewAttractionsOptionalHtml: AttractionsModel[0].ViewAttractionsOptionalHtml,
            ViewAttractionsGroupCode: AttractionsModel[0].ViewAttractionsGroupCode,
            ViewAttractionsConfHtml: AttractionsModel[0].ViewAttractionsConfHtml,
            ViewAttractionsGroupName: AttractionsModel[0].ViewAttractionsGroupName,
            ViewAttractionsCustomer: AttractionsModel[0].ViewAttractionsCustomer,
            ViewAttractionsEmployee: AttractionsModel[0].ViewAttractionsEmployee,
            ViewAttractionsPax: AttractionsModel[0].ViewAttractionsPax,
            ViewAttractionsEstNumberofPerson: AttractionsModel[0].ViewAttractionsEstNumberofPerson,
            ViewAttractionsSupplier: AttractionsModel[0].ViewAttractionsSupplier,
            ViewAttractionsStatus: AttractionsModel[0].ViewAttractionsStatus,
            ViewAttractionsRestService: AttractionsModel[0].ViewAttractionsRestService,
            ViewAttractionsCurrency: AttractionsModel[0].ViewAttractionsCurrency,
            ViewAttractionsQuotaPrice: AttractionsModel[0].ViewAttractionsQuotaPrice,
            ViewAttractionsQuotaSupplier: AttractionsModel[0].ViewAttractionsQuotaSupplier,
            ViewAttractionsDifference: AttractionsModel[0].ViewAttractionsDifference,
            ViewAttractionsDone: AttractionsModel[0].ViewAttractionsDone,
            ViewAttractionsDate: AttractionsModel[0].ViewAttractionsDate,
            ViewAttractionsTime: AttractionsModel[0].ViewAttractionsTime,
            ViewAttractionsCategory: AttractionsModel[0].ViewAttractionsCategory,
            ViewAttractionsType: AttractionsModel[0].ViewAttractionsType,
            ViewAttractionsFirstPayment: AttractionsModel[0].ViewAttractionsFirstPayment,
            ViewAttractionsSelectedFirstPaymentMethod: AttractionsModel[0].ViewAttractionsSelectedFirstPaymentMethod,
            ViewAttractionsDateFirstPayment: AttractionsModel[0].ViewAttractionsDateFirstPayment,
            ViewAttractionsSecondPayment: AttractionsModel[0].ViewAttractionsSecondPayment,
            ViewAttractionsSelectedSecondPaymentMethod: AttractionsModel[0].ViewAttractionsSelectedSecondPaymentMethod,
            ViewAttractionsDateSecondPayment: AttractionsModel[0].ViewAttractionsDateSecondPayment,
            ViewAttractionsThirdPayment: AttractionsModel[0].ViewAttractionsThirdPayment,
            ViewAttractionsSelectedThirdPaymentMethod: AttractionsModel[0].ViewAttractionsSelectedThirdPaymentMethod,
            ViewAttractionsDateThirdPayment: AttractionsModel[0].ViewAttractionsDateThirdPayment,
            ViewAttractionsDeposit: AttractionsModel[0].ViewAttractionsDeposit,
            ViewAttractionsDepositDate: AttractionsModel[0].ViewAttractionsDepositDate,
            ViewAttractionsContact: AttractionsModel[0].ViewAttractionsContact,
            ViewAttractionsPhone: AttractionsModel[0].ViewAttractionsPhone,
            ViewAttractionsEmail: AttractionsModel[0].ViewAttractionsEmail,
            ViewAttractionsAddress: AttractionsModel[0].ViewAttractionsAddress,
            ViewAttractionsCity: AttractionsModel[0].ViewAttractionsCity,
            ViewAttractionsState: AttractionsModel[0].ViewAttractionsState,
            ViewAttractionsTotalCost: AttractionsModel[0].ViewAttractionsTotalCost,
            ViewAttractionsTotalAmountPaid: AttractionsModel[0].ViewAttractionsTotalAmountPaid,
            ViewAttractionsFinalPayment: AttractionsModel[0].ViewAttractionsFinalPayment,
            ViewAttractionsDepositAmountPaid: AttractionsModel[0].ViewAttractionsDepositAmountPaid,
            ViewAttractionsCreditCardChargeAmount: AttractionsModel[0].ViewAttractionsCreditCardChargeAmount,
            ViewAttractionsCreditCardMemo: AttractionsModel[0].ViewAttractionsCreditCardMemo,
            ViewAttractionsUnitRate: AttractionsModel[0].ViewAttractionsUnitRate,
            ViewAttractionsOutstandingAmt: AttractionsModel[0].ViewAttractionsOutstandingAmt,
            ViewAttractionsDifferenceTotalPaid_TotalCharged: AttractionsModel[0].ViewAttractionsDifferenceTotalPaid_TotalCharged,
            // search part
            AttractionsSearchStartFromDate: $("#AttractionsSearchStartFromDate").val(),
            AttractionsSearchStartToDate: $("#AttractionsSearchStartToDate").val(),
            AttractionsSearchCustomer: $("#AttractionsSearchCustomer").val(),
            AttractionsSearchGroupName: $("#AttractionsSearchGroupName").val(),
            AttractionsSearchGroupCode: $("#AttractionsSearchGroupCode").val(),
            AttractionsSearchVendorName: $("#AttractionsSearchVendorName").val(),
            AttractionsSearchEmployee: $("#AttractionsSearchEmployee").val(),
            AttractionsSearchEmployeeID: $("#AttractionsSearchEmployeeID").val(),
            // Filter part
            SelectedAttractionsFilterCustomerCode: SelectedAttractionsFilterCustomerCode.length > 0 ? SelectedAttractionsFilterCustomerCode : [],
            SelectedAttractionsFilterGroupName: SelectedAttractionsFilterGroupName.length > 0 ? SelectedAttractionsFilterGroupName : [],
            SelectedAttractionsFilterGroupCode: SelectedAttractionsFilterGroupCode.length > 0 ? SelectedAttractionsFilterGroupCode : [],
            SelectedAttractionsFilterVendorType: SelectedAttractionsFilterVendorType.length > 0 ? SelectedAttractionsFilterVendorType : [],
            SelectedAttractionsFilterRestaurantType: SelectedAttractionsFilterRestaurantType.length > 0 ? SelectedAttractionsFilterRestaurantType : [],
            SelectedAttractionsFilterVendorCity: SelectedAttractionsFilterVendorCity.length > 0 ? SelectedAttractionsFilterVendorCity : [],
            SelectedAttractionsFilterVendorName: SelectedAttractionsFilterVendorName.length > 0 ? SelectedAttractionsFilterVendorName : [],
            SelectedAttractionsFilterStatus: SelectedAttractionsFilterStatus.length > 0 ? SelectedAttractionsFilterStatus : [],
            // More and Scroll part
            AttractionsPageNumber: $("#AttractionsPageNumber").val(),
            IsAttractionsCanPrev: $("#IsAttractionsCanPrev").val(),
            IsAttractionsCanNext: $("#IsAttractionsCanNext").val(),
            AttractionsLeftScrollPossition: parseFloat($("#OperAttractionsGrid").scrollLeft()),
            AttractionsTopScrollPossition: parseFloat($("#OperAttractionsGrid").scrollTop()),
        };
        debugger
        var RowsValidate = $('#OperAttractionsGrid').find('.htInvalid');
        if (Rows.length > 1) {
            if (RowsValidate.length == 0) {
                var IsValidTime = true;
                $(Rows).each(function (index, elem) {
                    if (index < Rows.length - 1) {
                        var AttStatus = AttractionGetIDFromList(AttractionsModel[0].VendorStatus, elem.AttractionsSelectedVendorStatus);
                        if (AttStatus == 2 && (elem.AttractionsTime == undefined || (elem.AttractionsTime != undefined && elem.AttractionsTime.length == 0))) {
                            IsValidTime = false;
                            return;
                        }
                        var RowItm = {
                            GroupID: elem.AttractionsGroupID,
                            VendorID: elem.AttractionsVendorID,
                            NewVendorID: elem.AttractionsNewVendorID,
                            Pax: elem.AttractionsPax,
                            QuotaCurr: elem.AttractionsQuotaCurr,
                            AttractionsType: elem.AttractionsType,
                            AttractionsSelectedVendorStatus: AttractionGetIDFromList(AttractionsModel[0].VendorStatus, elem.AttractionsSelectedVendorStatus),
                            AttractionsSelectedRestService: AttractionGetIDFromList(AttractionsModel[0].RestService, elem.AttractionsSelectedRestService),
                            SelectedEmployeeID: AttractionGetIDFromList(AttractionsModel[0].Employee, elem.AttractionsSelectedEmployee),
                            StartDate: (index < AttractionsOldDate.length) ? AttractionsOldDate[index] : null,
                            NewStartDate: elem.AttractionsDate,
                            Done: elem.AttractionsDone,
                            Time: elem.AttractionsTime,
                            Type: elem.AttractionsType,
                            IsGuideInvoice: elem.AttractionsIsGuideInvoice,
                            GuideInvoicePrice: elem.AttractionsGuideInvoicePrice,
                            IsInvoice: elem.AttractionsIsInvoice,
                            InvoicePrice: elem.AttractionsInvoicePrice,
                            UnitRate: elem.AttractionsUnitRate,
                            CCChargeAmt: elem.AttractionsCreditCardChargeAmount,
                            CCMemo: elem.AttractionsCreditCardMemo,
                            Deposit: elem.AttractionsDeposit,
                            DepositDate: elem.AttractionsDepositDate,
                            UnitRate: elem.AttractionsUnitRate,
                            OldRestCategory: AttractionsModel[0].Rows[index].AttractionsOldRestCategory,
                            //FinalPayment: elem.AttractionsFinalPayment,
                            AttractionsFirstPayment: elem.AttractionsFirstPayment,
                            AttractionsSelectedFirstPaymentMethod: elem.AttractionsSelectedFirstPaymentMethod,
                            AttractionsDateFirstPayment: elem.AttractionsDateFirstPayment,
                            AttractionsSecondPayment: elem.AttractionsSecondPayment,
                            AttractionsSelectedSecondPaymentMethod: elem.AttractionsSelectedSecondPaymentMethod,
                            AttractionsDateSecondPayment: elem.AttractionsDateSecondPayment,
                            AttractionsThirdPayment: elem.AttractionsThirdPayment,
                            AttractionsSelectedThirdPaymentMethod: elem.AttractionsSelectedThirdPaymentMethod,
                            AttractionsDateThirdPayment: elem.AttractionsDateThirdPayment,
                        };
                        OperationAttractionsGridViewModel.SaveRows.push(RowItm);
                    }
                });
                if (IsValidTime == false) {
                    jAlert("If vendor status made time can't be empty.", "Error!");
                    return;
                }
                var DTO = JSON.stringify(OperationAttractionsGridViewModel);
                $.ajax({
                    url: urls["OperationAttractionsGridSave"],
                    type: 'POST',
                    contentType: 'application/json; charset=utf-8',
                    data: DTO,
                    success: function (data) {
                        $("#tabAttractions").html(data);
                    },
                    error: function (xhr) {
                        //   alert('Error: ' + xhr.statusText);
                    },
                    complete: function () {
                        if ($("#AttractionsLeftScrollPossition").val() != "") {
                            $("#OperAttractionsGrid").scrollLeft(parseFloat($("#AttractionsLeftScrollPossition").val()));
                        }
                        if ($("#AttractionsTopScrollPossition").val() != "") {
                            $("#OperAttractionsGrid").scrollTop(parseFloat($("#AttractionsTopScrollPossition").val()));
                        }
                        //  $("#LoadingDiv").hide();
                        OperTechProgSearch();
                        UpdateGrpProfits();
                    }
                });
            }
            else {
                jAlert("You have invalid data", "Error!");
            }
        }
        else {
            jAlert("You have not any data for save", "Error!");
        }

    }
    function AttractionsUpdateFormProp(LineNo, VendorID, Instance, row) {
        if (LineNo == 1) {
            Instance.getData()[row].AttractionsFirstPayment = $("#AuthorizedAmount").val();
            Instance.getData()[row].AttractionsDateFirstPayment = $("#Date").val();
            Instance.render();
        }
        if (LineNo == 2) {
            Instance.getData()[row].AttractionsSecondPayment = $("#AuthorizedAmount").val();
            Instance.getData()[row].AttractionsDateSecondPayment = $("#Date").val();
            Instance.render();
        }
        if (LineNo == 3) {
            Instance.getData()[row].AttractionsThirdPayment = $("#AuthorizedAmount").val();
            Instance.getData()[row].AttractionsDateThirdPayment = $("#Date").val();
            Instance.render();
        }
    }
    function AttractionsUpdateFormPropOptional(Instance, row, AttractionsisOperationOptionalDetailsPrice) {
        if (AttractionsModel[0].OperationAttractionInvoicePriceEdit) {
            Instance.getData()[row].AttractionsInvoicePrice = AttractionsisOperationOptionalDetailsPrice;
            Instance.render();
            CheckOperAttractionsDataChanges();
        }
    }
    function AttractionGetIDFromList(List, selItem) {
        var RetVal = 0;
        $(List).each(function (index, elem) {
            if (elem.Text == selItem)
                RetVal = parseInt(elem.Value);
        });
        return RetVal;
    }
    // toggle Search params
    function AttractionsSearchToggle() {
        if ($("#SearchAttractionsToggleDiv").hasClass("SearchHotelToggleDivMore")) {
            $("#SearchAttractionsToggleDiv").removeClass("SearchHotelToggleDivMore");
            $("#SearchAttractionsToggleDiv").addClass("SearchHotelToggleDivLess");
        }
        else {
            $("#SearchAttractionsToggleDiv").addClass("SearchHotelToggleDivMore");
            $("#SearchAttractionsToggleDiv").removeClass("SearchHotelToggleDivLess");
        }
        $("#OperSearchAttractions").toggle(200);
    };
    $(document).on("copy", "#AttractionsGetSelected", function (e) {
        debugger
        AttractionsGetSelectedClick();
        var table = $("#AttractionsForEmail");
        e.clipboardData.clearData();
        e.clipboardData.setData("text/html", table.html());
        e.preventDefault();
        $("#AttractionsForEmail").remove();
        $("#AttractionsGetSelected").attr('disabled', true);

    });
    function RemoveAttractionsFilter(element) {
        debugger
        var columnFilter = $(element).attr('id');
        switch (columnFilter) {
            case "AttractionsRemoveCustomerFilter":
                {
                    $("#IsRemoveAttractionsCustomerCodeFilter").val("True");
                }
                break;
            case "AttractionsRemoveGroupCodeFilter":
                {
                    $("#IsRemoveAttractionsGroupCodeFilter").val("True");
                }
                break;
            case "AttractionsRemoveGroupNameFilter":
                {
                    $("#IsRemoveAttractionsGroupNameFilter").val("True");
                }
                break;
            case "AttractionsRemoveVendorNameFilter":
                {
                    $("#IsRemoveAttractionsVendorNameFilter").val("True");
                }
                break;
            case "AttractionsRemoveVendorCityFilter":
                {
                    $("#IsRemoveAttractionsVendorCityFilter").val("True");
                }
                break;
            case "AttractionsRemoveStatusFilter":
                {
                    $("#IsRemoveAttractionsStatusFilter").val("True");
                }
                break;
            case "AttractionsRemoveVendorTypeFilter":
                {
                    $("#IsRemoveAttractionsVendorTypeFilter").val("True");
                }
                break;
            case "AttractionsRemoveRestaurantTypeFilter":
                {
                    $("#IsRemoveAttractionsRestaurantTypeFilter").val("True");
                }
                break;
            default:
                break;
        }
        $("#AttractionsPageNumber").val(1);
        AttractionsPageNum = 1;
        $("#IsAttractionsFilter").val("True");
        isAttractionsFilter = "True";
        $("#AttractionsGridUpdate").click();
    }
</script>
<div class="OperationTabsTitleDiv">
    <span class="OperationTabsTitle">Attractions/Restaurants</span>
</div>
<div id="OperationAttractionsAmexVendorDetailsDiv" style="display:none;"></div>
<div id="OperationOptionalDetailsDiv" style="display:none;"></div>
@using (Ajax.BeginForm("SaveOperationAttractionsGridData", "Operation", new AjaxOptions() { HttpMethod = "Post", UpdateTargetId = "tabAttractions", OnComplete = "AttractionsGridAjaxCompleted", InsertionMode = InsertionMode.Replace }, new { enctype = "multipart/form-data", id = "OperAttractionsGridForm" }))
{
    <div id="SearchAttractionsToggleDiv" class="SearchHotelToggleDivMore" onclick="AttractionsSearchToggle()"></div>
    <div id="OperSearchAttractions" style="display: none; height: 100px; width:1185px; background-color: rgba(128, 128, 128, 0.8); ">
        <div class="pull-right" style="margin-left:25px; margin-bottom:15px;">

            <div class="row form-row">
                <div class=" col-lg-3">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.AttractionsSearchStartFromDate)</span>
                        @Html.TextBoxFor(model => model.AttractionsSearchStartFromDate, new { @class = "form-control SearchDate table_inputs_SmallPadding2 inpputgr" })
                    </div>
                </div>
                <div class=" col-lg-3">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.AttractionsSearchStartToDate)</span>
                        @Html.TextBoxFor(model => model.AttractionsSearchStartToDate, new { @class = "form-control SearchDate table_inputs_SmallPadding2 inpputgr" })
                    </div>
                </div>
                <div class=" col-lg-3">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.AttractionsSearchGroupCode)</span>
                        @Html.TextBoxFor(model => model.AttractionsSearchGroupCode, new { @class = "TxtComplete form-control table_inputs_SmallPadding2 inpputgr" })
                    </div>
                </div>
                <div class=" col-lg-3">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.AttractionsSearchGroupName)</span>
                        @Html.TextBoxFor(model => model.AttractionsSearchGroupName, new { @class = "TxtComplete form-control table_inputs_SmallPadding2 inpputgr" })
                    </div>
                </div>
            </div>
            <div class="row form-row">
                <div class=" col-lg-3">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.AttractionsSearchCustomer)</span>
                        @Html.TextBoxFor(model => model.AttractionsSearchCustomer, new { @class = "TxtComplete form-control table_inputs_SmallPadding2 inpputgr" })
                    </div>
                </div>
                <div class=" col-lg-3">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.AttractionsSearchVendorName)</span>
                        @Html.TextBoxFor(model => model.AttractionsSearchVendorName, new { @class = "TxtComplete form-control table_inputs_SmallPadding2 inpputgr" })
                    </div>
                </div>
                <div class=" col-lg-3">
                    <div class="input-group">
                        <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.AttractionsSearchEmployee)</span>
                        @Html.TextBoxFor(model => model.AttractionsSearchEmployee, new { @class = "TxtComplete form-control table_inputs_SmallPadding2 inpputgr Emp" })
                        @Html.HiddenFor(model => model.AttractionsSearchEmployeeID)
                    </div>
                </div>
                <div class="pull-right col-lg-3">
                    <div class="pull-right input-group">
                        <input type="button" id="AttractionsGroupSearchBtn" onclick="AttractionsGroupSearchBtnClick()" class="btn14 pull-right" value="Search" style="margin-right:17px;">
                    </div>
                </div>
            </div>
        </div>
    </div>
     <div id="AttractionsGridAttractionsIsGuideInvoiceDiv" style="@(@Model.ViewAttractionsIsGuideInvoice ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Pay To Guide</span><div id="AttractionsGridAttractionsIsGuideInvoiceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
     <div id="AttractionsGridAttractionsGuideInvoicePriceDiv" style="@(@Model.ViewAttractionsGuideInvoicePrice ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Pay To Guide Price</span><div id="AttractionsGridAttractionsGuideInvoicePriceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsIsInvoiceDiv" style="@(@Model.ViewAttractionsIsInvoice ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Inv</span><div id="AttractionsGridAttractionsIsInvoiceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
     <div id="AttractionsGridAttractionsInvoicePriceDiv" style="@(@Model.ViewAttractionsInvoicePrice ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Inv. Price</span><div id="AttractionsGridAttractionsInvoicePriceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
     <div id="AttractionsGridAttractionsOptionalDiv" style="@(@Model.ViewAttractionsOptionalHtml ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Optional</span><div id="AttractionsGridAttractionsOptionalView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsGroupCodeDiv" style="@(@Model.ViewAttractionsGroupCode ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Group Code</span><div id="AttractionsGridAttractionsGroupCodeView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsConfHtmlDiv" style="@(@Model.ViewAttractionsConfHtml ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Details</span><div id="AttractionsGridAttractionsConfHtmlView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsGroupNameDiv" style="@(@Model.ViewAttractionsGroupName ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Group Name</span><div id="AttractionsGridAttractionsGroupNameView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsCustomerDiv" style="@(@Model.ViewAttractionsCustomer ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Customer</span><div id="AttractionsGridAttractionsCustomerView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsEmployeeDiv" style="@(@Model.ViewAttractionsEmployee ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Employee</span><div id="AttractionsGridAttractionsEmployeeView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsPaxDiv" style="@(@Model.ViewAttractionsPax ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Pax</span><div id="AttractionsGridAttractionsPaxView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsEstNumberofPersonDiv" style="@(@Model.ViewAttractionsEstNumberofPerson ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Est. Pax</span><div id="AttractionsGridAttractionsEstNumberofPersonView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsSupplierDiv" style="@(@Model.ViewAttractionsSupplier ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Supplier</span><div id="AttractionsGridAttractionsSupplierView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsDifferenceDiv" style="@(@Model.ViewAttractionsDifference ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Difference</span><div id="AttractionsGridAttractionsDifferenceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsDoneDiv" style="@(@Model.ViewAttractionsDone ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Done</span><div id="AttractionsGridAttractionsDoneView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsDateDiv" style="@(@Model.ViewAttractionsDate ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Date</span><div id="AttractionsGridAttractionsDateView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsTimeDiv" style="@(@Model.ViewAttractionsTime ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Time</span><div id="AttractionsGridAttractionsTimeView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsCategoryDiv" style="@(@Model.ViewAttractionsCategory ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Category</span><div id="AttractionsGridAttractionsCategoryView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsTypeDiv" style="@(@Model.ViewAttractionsType ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Type</span><div id="AttractionsGridAttractionsTypeView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsFirstPaymentDiv" style="@(@Model.ViewAttractionsFirstPayment ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>1st Payment</span><div id="AttractionsGridAttractionsFirstPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsFirstPaymentMethodDiv" style="@(@Model.ViewAttractionsSelectedFirstPaymentMethod ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>1st Payment Method</span><div id="AttractionsGridAttractionsFirstPaymentMethodView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsDateFirstPaymentDiv" style="@(@Model.ViewAttractionsDateFirstPayment ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Date of 1st Payment</span><div id="AttractionsGridAttractionsDateFirstPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsSecondPaymentDiv" style="@(@Model.ViewAttractionsSecondPayment ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>2nd Payment</span><div id="AttractionsGridAttractionsSecondPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsSecondPaymentMethodDiv" style="@(@Model.ViewAttractionsSelectedSecondPaymentMethod ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>2nd Payment Method</span><div id="AttractionsGridAttractionsSecondPaymentMethodView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsDateSecondPaymentDiv" style="@(@Model.ViewAttractionsDateSecondPayment ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Date of 2nd Payment</span><div id="AttractionsGridAttractionsDateSecondPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsThirdPaymentDiv" style="@(@Model.ViewAttractionsThirdPayment ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>3rd Payment</span><div id="AttractionsGridAttractionsThirdPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsThirdPaymentMethodDiv" style="@(@Model.ViewAttractionsSelectedThirdPaymentMethod ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>3rd Payment Method</span><div id="AttractionsGridAttractionsThirdPaymentMethodView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsDateThirdPaymentDiv" style="@(@Model.ViewAttractionsDateThirdPayment ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Date of 3rd Payment</span><div id="AttractionsGridAttractionsDateThirdPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsDepositDiv" style="@(@Model.ViewAttractionsDeposit ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Deposit</span><div id="AttractionsGridAttractionsDepositView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsDepositDateDiv" style="@(@Model.ViewAttractionsDepositDate ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Deposit Date</span><div id="AttractionsGridAttractionsDepositDateView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsContactDiv" style="@(@Model.ViewAttractionsContact ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Contact</span><div id="AttractionsGridAttractionsContactView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsPhoneDiv" style="@(@Model.ViewAttractionsPhone ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Phone</span><div id="AttractionsGridAttractionsPhoneView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsEmailDiv" style="@(@Model.ViewAttractionsEmail ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Email</span><div id="AttractionsGridAttractionsEmailView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsAddressDiv" style="@(@Model.ViewAttractionsAddress ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Address</span><div id="AttractionsGridAttractionsAddressView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsCityDiv" style="@(@Model.ViewAttractionsCity ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>City</span><div id="AttractionsGridAttractionsCityView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsStateDiv" style="@(@Model.ViewAttractionsState ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>State</span><div id="AttractionsGridAttractionsStateView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsStatusDiv" style="@(@Model.ViewAttractionsStatus ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Status</span><div id="AttractionsGridAttractionsStatusView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsCurrencyDiv" style="@(@Model.ViewAttractionsCurrency ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Currency</span><div id="AttractionsGridAttractionsCurrencyView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsQuotaPriceDiv" style="@(@Model.ViewAttractionsQuotaPrice ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Quota Price</span><div id="AttractionsGridAttractionsQuotaPriceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsQuotaSupplierDiv" style="@(@Model.ViewAttractionsQuotaSupplier ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Quota Supplier</span><div id="AttractionsGridAttractionsQuotaSupplierView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
     <div id="AttractionsGridAttractionsTotalCostDiv" style="@(@Model.ViewAttractionsTotalCost ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Total Cost</span><div id="AttractionsGridAttractionsTotalCostView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsTotalAmountPaidDiv" style="@(@Model.ViewAttractionsTotalAmountPaid ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Total Amount Paid</span><div id="AttractionsGridAttractionsTotalAmountPaidView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsFinalPaymentDiv" style="@(@Model.ViewAttractionsFinalPayment ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Final Payment</span><div id="AttractionsGridAttractionsFinalPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsDepositAmountPaidDiv" style="@(@Model.ViewAttractionsDepositAmountPaid ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Deposit Amount Paid</span><div id="AttractionsGridAttractionsDepositAmountPaidView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsCreditCardChargeAmountDiv" style="@(@Model.ViewAttractionsCreditCardChargeAmount ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Credit Card Charge Amount</span><div id="AttractionsGridAttractionsCreditCardChargeAmountView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsCreditCardMemoDiv" style="@(@Model.ViewAttractionsCreditCardMemo ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Credit Card Memo</span><div id="AttractionsGridAttractionsCreditCardMemoView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
     <div id="AttractionsGridAttractionsRestServiceDiv" style="@(@Model.ViewAttractionsRestService ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Menu</span><div id="AttractionsGridAttractionsRestServiceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsUnitRateDiv" style="@(@Model.ViewAttractionsUnitRate ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Unit Price</span><div id="AttractionsGridAttractionsUnitRateView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsOutstandingAmtDiv" style="@(@Model.ViewAttractionsOutstandingAmt ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Outstanding Amount</span><div id="AttractionsGridAttractionsOutstandingAmtView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsGridAttractionsDifferenceTotalPaid_TotalChargedDiv" style="@(@Model.ViewAttractionsDifferenceTotalPaid_TotalCharged ? "display:none" : "")">
        <div class="AttractionsGridViewBtnDiv">
            <span>Attractions Difference Total Paid_Total Charged</span><div id="AttractionsGridAttractionsDifferenceTotalPaid_TotalChargedView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
        </div>
    </div>
    <div id="AttractionsRemoveFiltersDiv" class="AttractionsRemoveFiltersDiv" style="display:none">
        <span class="AttractionsRemoveFiltersSpan">Filters :</span>
        @if (Model.AttractionsFilterSelGroupCode != null)
        {
            if (Model.AttractionsFilterSelGroupCode.Count > 0)
            {
                <div class="AttractionsGridViewBtnDiv"><span>Group Code</span><div id="AttractionsRemoveGroupCodeFilter" class="AttractionsGridViewBtn" onclick="RemoveAttractionsFilter(this)"></div></div>
                Model.IsRemoveAttractionsFilterDivShow = true;
            }
        }
        @if (Model.AttractionsFilterSelGroupName != null)
        {
            if (Model.AttractionsFilterSelGroupName.Count > 0)
            {
                <div class="AttractionsGridViewBtnDiv"><span>Group Name</span><div id="AttractionsRemoveGroupNameFilter" class="AttractionsGridViewBtn" onclick="RemoveAttractionsFilter(this)"></div></div>
                Model.IsRemoveAttractionsFilterDivShow = true;
            }
        }
        @if (Model.AttractionsFilterSelCustomerCode != null)
        {
            if (Model.AttractionsFilterSelCustomerCode.Count > 0)
            {
                <div class="AttractionsGridViewBtnDiv"><span>Customer</span><div id="AttractionsRemoveCustomerFilter" class="AttractionsGridViewBtn" onclick="RemoveAttractionsFilter(this)"></div></div>
                Model.IsRemoveAttractionsFilterDivShow = true;
            }
        }
        @if (Model.AttractionsFilterSelStatus != null)
        {
            if (Model.AttractionsFilterSelStatus.Count > 0)
            {
                <div class="AttractionsGridViewBtnDiv"><span>Status</span><div id="AttractionsRemoveStatusFilter" class="AttractionsGridViewBtn" onclick="RemoveAttractionsFilter(this)"></div></div>
                Model.IsRemoveAttractionsFilterDivShow = true;
            }
        }
        @if (Model.AttractionsFilterSelVendorName != null)
        {
            if (Model.AttractionsFilterSelVendorName.Count > 0)
            {
                <div class="AttractionsGridViewBtnDiv"><span>Supplier</span><div id="AttractionsRemoveVendorNameFilter" class="AttractionsGridViewBtn" onclick="RemoveAttractionsFilter(this)"></div></div>
                Model.IsRemoveAttractionsFilterDivShow = true;
            }
        }
        @if (Model.AttractionsFilterSelVendorCity != null)
        {
            if (Model.AttractionsFilterSelVendorCity.Count > 0)
            {
                <div class="AttractionsGridViewBtnDiv"><span>City</span><div id="AttractionsRemoveVendorCityFilter" class="AttractionsGridViewBtn" onclick="RemoveAttractionsFilter(this)"></div></div>
                Model.IsRemoveAttractionsFilterDivShow = true;
            }
        }
        @if (Model.AttractionsFilterSelVendorType != null)
        {
            if (Model.AttractionsFilterSelVendorType.Count > 0)
            {
                <div class="AttractionsGridViewBtnDiv"><span>Category</span><div id="AttractionsRemoveVendorTypeFilter" class="AttractionsGridViewBtn" onclick="RemoveAttractionsFilter(this)"></div></div>
                Model.IsRemoveAttractionsFilterDivShow = true;
            }
        }
        @if (Model.AttractionsFilterSelRestaurantType != null)
        {
            if (Model.AttractionsFilterSelRestaurantType.Count > 0)
            {
                <div class="AttractionsGridViewBtnDiv"><span>Type</span><div id="AttractionsRemoveRestaurantTypeFilter" class="AttractionsGridViewBtn" onclick="RemoveAttractionsFilter(this)"></div></div>
                Model.IsRemoveAttractionsFilterDivShow = true;
            }
        }
    </div>
    <div id="OperAttractionsGridFilters" style="width:1200px; float:left; padding-top:12px; padding-right:5px; padding-bottom:8px;">
        <div id="AttractionsGridGroupCodeMainDiv" class="AttractionsGridFilterDiv">
            <div class="AttractionsGridFilterDivClose"></div>
            @Html.CheckBoxListFor(model => model.SelectedAttractionsFilterGroupCode,
                                      model => model.AttractionsFilterGroupCode,
                                      grp => grp.Id,
                                      grp => grp.Name,
                                      model => model.AttractionsFilterSelGroupCode,
                                      MvcCheckBoxList.Model.Position.Vertical)
        </div>
        <div id="AttractionsGridGroupNameMainDiv" class="AttractionsGridFilterDiv">
            <div class="AttractionsGridFilterDivClose"></div>
            @Html.CheckBoxListFor(model => model.SelectedAttractionsFilterGroupName,
                                      model => model.AttractionsFilterGroupName,
                                      grp => grp.Id,
                                      grp => grp.Name,
                                      model => model.AttractionsFilterSelGroupName,
                                      MvcCheckBoxList.Model.Position.Vertical)
        </div>
        <div id="AttractionsGridCustomerCodeMainDiv" class="AttractionsGridFilterDiv">
            <div class="AttractionsGridFilterDivClose"></div>
            @Html.CheckBoxListFor(model => model.SelectedAttractionsFilterCustomerCode,
                                      model => model.AttractionsFilterCustomerCode,
                                      grp => grp.Id,
                                      grp => grp.Name,
                                      model => model.AttractionsFilterSelCustomerCode,
                                      MvcCheckBoxList.Model.Position.Vertical)
        </div>
        <div id="AttractionsGridStatusMainDiv" class="AttractionsGridFilterDiv">
            <div class="AttractionsGridFilterDivClose"></div>
            @Html.CheckBoxListFor(model => model.SelectedAttractionsFilterStatus,
                                      model => model.AttractionsFilterStatus,
                                      grp => grp.Id,
                                      grp => grp.Name,
                                      model => model.AttractionsFilterSelStatus,
                                      MvcCheckBoxList.Model.Position.Vertical)
        </div>
        <div id="AttractionsGridVendorNameMainDiv" class="AttractionsGridFilterDiv">
            <div class="AttractionsGridFilterDivClose"></div>
            @Html.CheckBoxListFor(model => model.SelectedAttractionsFilterVendorName,
                                      model => model.AttractionsFilterVendorName,
                                      grp => grp.Id,
                                      grp => grp.Name,
                                      model => model.AttractionsFilterSelVendorName,
                                      MvcCheckBoxList.Model.Position.Vertical)
        </div>
        <div id="AttractionsGridVendorTypeMainDiv" class="AttractionsGridFilterDiv">
            <div class="AttractionsGridFilterDivClose"></div>
            @Html.CheckBoxListFor(model => model.SelectedAttractionsFilterVendorType,
                                      model => model.AttractionsFilterVendorType,
                                      grp => grp.Id,
                                      grp => grp.Name,
                                      model => model.AttractionsFilterSelVendorType,
                                      MvcCheckBoxList.Model.Position.Vertical)
        </div>
        <div id="AttractionsGridVendorCityMainDiv" class="AttractionsGridFilterDiv">
            <div class="AttractionsGridFilterDivClose"></div>
            @Html.CheckBoxListFor(model => model.SelectedAttractionsFilterVendorCity,
                                      model => model.AttractionsFilterVendorCity,
                                      grp => grp.Id,
                                      grp => grp.Name,
                                      model => model.AttractionsFilterSelVendorCity,
                                      MvcCheckBoxList.Model.Position.Vertical)
        </div>
        <div id="AttractionsGridRestaurantTypeMainDiv" class="AttractionsGridFilterDiv">
            <div class="AttractionsGridFilterDivClose"></div>
            @Html.CheckBoxListFor(model => model.SelectedAttractionsFilterRestaurantType,
                                      model => model.AttractionsFilterRestaurantType,
                                      grp => grp.Id,
                                      grp => grp.Name,
                                      model => model.AttractionsFilterSelRestaurantType,
                                      MvcCheckBoxList.Model.Position.Vertical)
        </div>
    </div>
    <div style="display:none;">
        <div id="AttractionsIsGuideInvoiceDiv">
            <div class="OperationInvoice">
                <span>Pay To Guide</span>
                @Html.HiddenFor(model => model.ViewAttractionsIsGuideInvoice)
                <div id="AttractionsGridAttractionsIsGuideInvoiceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsGuideInvoicePriceDiv">
            <div class="OperationInvoice">
                <span>Pay To Guide Price</span>
                @Html.HiddenFor(model => model.ViewAttractionsGuideInvoicePrice)
                <div id="AttractionsGridAttractionsGuideInvoicePriceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsIsInvoiceDiv">
            <div class="OperationInvoice">
                <span>Inv</span>
                @Html.HiddenFor(model => model.ViewAttractionsIsInvoice)
                <div id="AttractionsGridAttractionsIsInvoiceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsInvoicePriceDiv">
            <div class="OperationInvoice">
                <span>Inv. Price</span>
                @Html.HiddenFor(model => model.ViewAttractionsInvoicePrice)
                <div id="AttractionsGridAttractionsInvoicePriceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsOptionalFormHtml">
            <div class="OperationInvoice">
                <span>Optional</span>
                @Html.HiddenFor(model => model.ViewAttractionsOptionalHtml)
                <div id="AttractionsGridAttractionsOptionalView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsGroupCodeDiv">
            <div class="OperationHotelGroupInfo">
                <span>Group Code</span>
                @Html.HiddenFor(model => model.ViewAttractionsGroupCode)
                <div id="AttractionsGridAttractionsGroupCodeView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
                @if (@Model.OperationAttractionGroupCodeFilter)
                {
                    <div class="AttractionsGridFilterBtn" id="AttractionsGridGroupCode"></div>
                }
            </div>
        </div>
        <div id="AttractionsConfHtmlDiv">
            <div class="OperationHotelVendorInfo">
                <span>Details</span>
                @Html.HiddenFor(model => model.ViewAttractionsConfHtml)
                <div id="AttractionsGridAttractionsConfHtmlView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsGroupNameDiv">
            <div class="OperationHotelGroupInfo">
                <span>Group Name</span>
                @Html.HiddenFor(model => model.ViewAttractionsGroupName)
                <div id="AttractionsGridAttractionsGroupNameView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
                @if (@Model.OperationAttractionGroupNameFilter)
                {
                    <div class="AttractionsGridFilterBtn" id="AttractionsGridGroupName"></div>
                }
            </div>
        </div>
        <div id="AttractionsCustomerDiv">
            <div class="OperationHotelGroupInfo">
                <span>Customer</span>
                @Html.HiddenFor(model => model.ViewAttractionsCustomer)
                <div id="AttractionsGridAttractionsCustomerView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
                @if (@Model.OperationAttractionCustomerFilter)
                {
                    <div class="AttractionsGridFilterBtn" id="AttractionsGridCustomerCode"></div>
                }
            </div>
        </div>
        <div id="AttractionsEmployeeDiv">
            <div class="OperationHotelGroupInfo">
                <span>Employee</span>
                @Html.HiddenFor(model => model.ViewAttractionsEmployee)
                <div id="AttractionsGridAttractionsEmployeeView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsPaxDiv">
            <div class="OperationHotelGroupInfo">
                <span>Pax</span>
                @Html.HiddenFor(model => model.ViewAttractionsPax)
                <div id="AttractionsGridAttractionsPaxView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsEstNumberofPersonDiv">
            <div class="OperationHotelGroupInfo">
                <span>Est. Pax</span>
                @Html.HiddenFor(model => model.ViewAttractionsEstNumberofPerson)
                <div id="AttractionsGridAttractionsEstNumberofPersonView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsStatusDiv">
            <div class="OperationHotelVendorInfo">
                <span>Status</span>
                @Html.HiddenFor(model => model.ViewAttractionsStatus)
                <div id="AttractionsGridAttractionsStatusView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
                @if (@Model.OperationAttractionStatusFilter)
                {
                    <div class="AttractionsGridFilterBtn" id="AttractionsGridStatus"></div>
                }
            </div>
        </div>
        <div id="AttractionsSupplierDiv">
            <div class="OperationHotelVendorInfo">
                <span>Supplier</span>
                @Html.HiddenFor(model => model.ViewAttractionsSupplier)
                <div id="AttractionsGridAttractionsSupplierView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
                @if (@Model.OperationAttractionSupplierFilter)
                {
                    <div class="AttractionsGridFilterBtn" id="AttractionsGridVendorName"></div>
                }
            </div>
        </div>
        <div id="AttractionsCurrencyDiv">
            <div class="OperationHotelQuotaInfo">
                <span>Currency</span>
                @Html.HiddenFor(model => model.ViewAttractionsCurrency)
                <div id="AttractionsGridAttractionsCurrencyView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsQuotaPriceDiv">
            <div class="OperationHotelQuotaInfo">
                <span>Quota Price</span>
                @Html.HiddenFor(model => model.ViewAttractionsQuotaPrice)
                <div id="AttractionsGridAttractionsQuotaPriceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsQuotaSupplierDiv">
            <div class="OperationHotelQuotaInfo">
                <span>Quota Supplier</span>
                @Html.HiddenFor(model => model.ViewAttractionsQuotaSupplier)
                <div id="AttractionsGridAttractionsQuotaSupplierView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsDifferenceDiv">
            <div class="OperationHotelTotals">
                <span>Difference</span>
                @Html.HiddenFor(model => model.ViewAttractionsDifference)
                <div id="AttractionsGridAttractionsDifferenceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsDoneDiv">
            <div class="OperationHotelGroupInfo">
                <span>Done</span>
                @Html.HiddenFor(model => model.ViewAttractionsDone)
                <div id="AttractionsGridAttractionsDoneView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsDateDiv">
            <div class="OperationHotelGroupInfo">
                <span>Date</span>
                @Html.HiddenFor(model => model.ViewAttractionsDate)
                <div id="AttractionsGridAttractionsDateView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsTimeDiv">
            <div class="OperationHotelGroupInfo">
                <span>Time</span>
                @Html.HiddenFor(model => model.ViewAttractionsTime)
                <div id="AttractionsGridAttractionsTimeView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsCategoryDiv">
            <div class="OperationHotelVendorInfo">
                <span>Category</span>
                @Html.HiddenFor(model => model.ViewAttractionsCategory)
                <div id="AttractionsGridAttractionsCategoryView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
                @if (@Model.OperationAttractionCategoryFilter)
                {
                    <div class="AttractionsGridFilterBtn" id="AttractionsGridVendorType"></div>
                }
            </div>
        </div>
        <div id="AttractionsTypeDiv">
            <div class="OperationHotelVendorInfo">
                <span>Type</span>
                @Html.HiddenFor(model => model.ViewAttractionsType)
                <div id="AttractionsGridAttractionsTypeView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
                @if (@Model.OperationAttractionTypeFilter)
                {
                    <div class="AttractionsGridFilterBtn" id="AttractionsGridRestaurantType"></div>
                }
            </div>
        </div>
        <div id="AttractionsFirstPaymentDiv">
            <div class="OperationHotelPayments">
                <span>1st Payment</span>
                @Html.HiddenFor(model => model.ViewAttractionsFirstPayment)
                <div id="AttractionsGridAttractionsFirstPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsFirstPaymentMethodDiv">
            <div class="OperationHotelPayments">
                <span>1st Payment Method</span>
                @Html.HiddenFor(model => model.ViewAttractionsSelectedFirstPaymentMethod)
                <div id="AttractionsGridAttractionsFirstPaymentMethodView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsPayMeth1FormHtmlDiv">
            <div class="OperationHotelPayments">
                <span>Pay 1 Details</span>
            </div>
        </div>
        <div id="AttractionsDateFirstPaymentDiv">
            <div class="OperationHotelPayments">
                <span>Date of 1st Payment</span>
                @Html.HiddenFor(model => model.ViewAttractionsDateFirstPayment)
                <div id="AttractionsGridAttractionsDateFirstPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsSecondPaymentDiv">
            <div class="OperationHotelPayments">
                <span>2nd Payment</span>
                @Html.HiddenFor(model => model.ViewAttractionsSecondPayment)
                <div id="AttractionsGridAttractionsSecondPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsSecondPaymentMethodDiv">
            <div class="OperationHotelPayments">
                <span>2nd Payment Method</span>
                @Html.HiddenFor(model => model.ViewAttractionsSelectedSecondPaymentMethod)
                <div id="AttractionsGridAttractionsSecondPaymentMethodView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsPayMeth2FormHtmlDiv">
            <div class="OperationHotelPayments">
                <span>Pay 2 Details</span>
            </div>
        </div>
        <div id="AttractionsDateSecondPaymentDiv">
            <div class="OperationHotelPayments">
                <span>Date of 2nd Payment</span>
                @Html.HiddenFor(model => model.ViewAttractionsDateSecondPayment)
                <div id="AttractionsGridAttractionsDateSecondPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsThirdPaymentDiv">
            <div class="OperationHotelPayments">
                <span>3rd Payment</span>
                @Html.HiddenFor(model => model.ViewAttractionsThirdPayment)
                <div id="AttractionsGridAttractionsThirdPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsThirdPaymentMethodDiv">
            <div class="OperationHotelPayments">
                <span>3rd Payment Method</span>
                @Html.HiddenFor(model => model.ViewAttractionsSelectedThirdPaymentMethod)
                <div id="AttractionsGridAttractionsThirdPaymentMethodView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsPayMeth3FormHtmlDiv">
            <div class="OperationHotelPayments">
                <span>Pay 3 Details</span>
            </div>
        </div>
        <div id="AttractionsDateThirdPaymentDiv">
            <div class="OperationHotelPayments">
                <span>Date of 3rd Payment</span>
                @Html.HiddenFor(model => model.ViewAttractionsDateThirdPayment)
                <div id="AttractionsGridAttractionsDateThirdPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsDepositDiv">
            <div class="OperationHandsontable">
                <span>Deposit</span>
                @Html.HiddenFor(model => model.ViewAttractionsDeposit)
                <div id="AttractionsGridAttractionsDepositView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsDepositDateDiv">
            <div class="OperationHandsontable">
                <span>Deposit Date</span>
                @Html.HiddenFor(model => model.ViewAttractionsDepositDate)
                <div id="AttractionsGridAttractionsDepositDateView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsContactDiv">
            <div class="OperationHotelVendorInfo">
                <span>Contact</span>
                @Html.HiddenFor(model => model.ViewAttractionsContact)
                <div id="AttractionsGridAttractionsContactView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsPhoneDiv">
            <div class="OperationHotelVendorInfo">
                <span>Phone</span>
                @Html.HiddenFor(model => model.ViewAttractionsPhone)
                <div id="AttractionsGridAttractionsPhoneView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsEmailDiv">
            <div class="OperationHotelVendorInfo">
                <span>Email</span>
                @Html.HiddenFor(model => model.ViewAttractionsEmail)
                <div id="AttractionsGridAttractionsEmailView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsAddressDiv">
            <div class="OperationHotelVendorInfo">
                <span>Address</span>
                @Html.HiddenFor(model => model.ViewAttractionsAddress)
                <div id="AttractionsGridAttractionsAddressView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsCityDiv">
            <div class="OperationHotelVendorInfo">
                <span>City</span>
                @Html.HiddenFor(model => model.ViewAttractionsCity)
                <div id="AttractionsGridAttractionsCityView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
                @if (@Model.OperationAttractionCityFilter)
                {
                    <div class="AttractionsGridFilterBtn" id="AttractionsGridVendorCity"></div>
                }
            </div>
        </div>
        <div id="AttractionsGroupContractHtmlDiv">
            <div class="OperationHotelVendorInfo">
                <span>View Vendor Contract</span>
            </div>
        </div>
        <div id="AttractionsStateDiv">
            <div class="OperationHotelVendorInfo">
                <span>State</span>
                @Html.HiddenFor(model => model.ViewAttractionsState)
                <div id="AttractionsGridAttractionsStateView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsTotalCostDiv">
            <div class="OperationHotelTotals">
                <span>Total Cost</span>
                @Html.HiddenFor(model => model.ViewAttractionsTotalCost)
                <div id="AttractionsGridAttractionsTotalCostView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsTotalAmountPaidDiv">
            <div class="OperationHotelTotals">
                <span>Total Amount Paid</span>
                @Html.HiddenFor(model => model.ViewAttractionsTotalAmountPaid)
                <div id="AttractionsGridAttractionsTotalAmountPaidView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsFinalPaymentDiv">
            <div class="OperationHandsontable">
                <span>Final Payment</span>
                @Html.HiddenFor(model => model.ViewAttractionsFinalPayment)
                <div id="AttractionsGridAttractionsFinalPaymentView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsDepositAmountPaidDiv">
            <div class="OperationHandsontable">
                <span>Deposit Amount Paid</span>
                @Html.HiddenFor(model => model.ViewAttractionsDepositAmountPaid)
                <div id="AttractionsGridAttractionsDepositAmountPaidView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsCreditCardChargeAmountDiv">
            <div class="OperationHotelTotals">
                <span>Credit Card Charge Amount</span>
                @Html.HiddenFor(model => model.ViewAttractionsCreditCardChargeAmount)
                <div id="AttractionsGridAttractionsCreditCardChargeAmountView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsCreditCardMemoDiv">
            <div class="OperationHotelTotals">
                <span>Credit Card Memo</span>
                @Html.HiddenFor(model => model.ViewAttractionsCreditCardMemo)
                <div id="AttractionsGridAttractionsCreditCardMemoView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsOutstandingAmtDiv">
            <div class="OperationHotelTotals">
                <span>Outstanding Amount</span>
                @Html.HiddenFor(model => model.ViewAttractionsOutstandingAmt)
                <div id="AttractionsGridAttractionsOutstandingAmtView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsRestServiceDiv">
            <div class="OperationHotelVendorInfo">
                <span>Menu</span>
                @Html.HiddenFor(model => model.ViewAttractionsRestService)
                <div id="AttractionsGridAttractionsRestServiceView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsUnitRateDiv">
            <div class="OperationHotelVendorInfo">
                <span>Unit Price</span>
                @Html.HiddenFor(model => model.ViewAttractionsUnitRate)
                <div id="AttractionsGridAttractionsUnitRateView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
        <div id="AttractionsDifferenceTotalPaid_TotalChargedDiv">
            <div class="OperationHotelTotals">
                <span>Attractions Difference Total Paid_Total Charged</span>
                @Html.HiddenFor(model => model.ViewAttractionsDifferenceTotalPaid_TotalCharged)
                <div id="AttractionsGridAttractionsDifferenceTotalPaid_TotalChargedView" class="AttractionsGridViewBtn" onclick="AttractionsGridColumnHideUnhide(this)"></div>
            </div>
        </div>
    </div>
    <div id="OperAttractionsGrid" class="handsontable" style="width: 1185px; height:420px; overflow:auto;"></div>
    @Html.HiddenFor(model => model.AttractionsPageNumber)
    @Html.HiddenFor(model => model.IsAttractionsFilter)
    @Html.HiddenFor(model => model.IsAttractionsSearch)
    @Html.HiddenFor(model => model.IsAttractionsView)
    @Html.HiddenFor(model => model.IsAttractionsCanPrev)
    @Html.HiddenFor(model => model.IsAttractionsCanNext)
    @Html.HiddenFor(model => model.AttractionsLeftScrollPossition)
    @Html.HiddenFor(model => model.AttractionsTopScrollPossition)
    
    @Html.HiddenFor(model => model.IsRemoveAttractionsFilterDivShow)
    @Html.HiddenFor(model => model.IsRemoveAttractionsCustomerCodeFilter)
    @Html.HiddenFor(model => model.IsRemoveAttractionsGroupCodeFilter)
    @Html.HiddenFor(model => model.IsRemoveAttractionsGroupNameFilter)
    @Html.HiddenFor(model => model.IsRemoveAttractionsVendorNameFilter)
    @Html.HiddenFor(model => model.IsRemoveAttractionsVendorCityFilter)
    @Html.HiddenFor(model => model.IsRemoveAttractionsStatusFilter)
    @Html.HiddenFor(model => model.IsRemoveAttractionsVendorTypeFilter)
    @Html.HiddenFor(model => model.IsRemoveAttractionsRestaurantTypeFilter)
    
    @Html.HiddenFor(model => model.AttractionsTotCost)
    @Html.HiddenFor(model => model.AttractionsTotCostCad)
    <div style="width:100%;height:25px;text-align:center;margin-top:15px;float:right">
        @if (Model.IsAttractionsCanPrev)
        {
            <input type="button" id="AttractionsPrevBtn" onclick="AttractionsPrevBtnClick()" class="btn14" value="Prev" style="margin-left:10px;">
        }
        else
        {
            <input type="button" id="AttractionsMoreBtn" onclick="AttractionsPrevBtnClick()" class="btn14" value="Prev" disabled="disabled" style="margin-left:10px;">
        }
        <span style="padding-left:15px;padding-right:15px">@Html.LabelForModel(Model.AttractionsCount)</span>
        @if (Model.IsAttractionsCanNext)
        {
            <input type="button" id="AttractionsMoreBtn" onclick="AttractionsNextBtnClick()" class="btn14" value="Next" style="margin-left:10px;">
        }
        else
        {
            <input type="button" id="AttractionsMoreBtn" onclick="AttractionsNextBtnClick()" class="btn14" value="Next" disabled="disabled" style="margin-left:10px;">
        }
    </div>
    if (Model.OperationPLAttractionView)
    {
        <div class="OperationTabsTitleDiv">
            <span class="OperationTabsTitle">Attractions/Restaurants P/L</span>
        </div>
        if (Model.OperationPLAttractionTotalPaidView || Model.OperationPLAttractionTotalDiffView || Model.OperationPLAttractionTotalCostView)
        { 
            <div class="row form-row" style="@(@Model.Rows != null && @Model.Rows.Count > 0 ? "" : "display:none");width:840px !important;float:left !important;margin-left:10px !important;">
                @if (Model.OperationPLAttractionTotalCostView)
                {
                    <div class=" col-lg-6 withoutPadding" style="width:33% !important;">
                        <div class="input-group">
                            <span class="input-group-addon SumControlsLabelFSize">@Html.LabelFor(model => model.AttractionsTotalCostAmtSum)</span>
                            @Html.Raw(Model.AttractionsTotalCostAmtSum)
                        </div>
                    </div>
                }
                @if (Model.OperationPLAttractionTotalPaidView)
                {
                    <div class=" col-lg-6 withoutPadding" style="width: 32% !important; margin-left: 10px;">
                        <div class="input-group">
                            <span class="input-group-addon SumControlsLabelFSize">@Html.LabelFor(model => model.AttractionsTotalPaidSum)</span>
                            @Html.Raw(Model.AttractionsTotalPaidSum)
                        </div>
                    </div>
                }
                @if (Model.OperationPLAttractionTotalDiffView)
                {
                    <div class=" col-lg-6 withoutPadding" style="width: 32% !important; margin-left: 10px;">
                        <div class="input-group">
                            <span class="input-group-addon SumControlsLabelFSize">@Html.LabelFor(model => model.AttractionsDifferenceSum)</span>
                            @Html.Raw(Model.AttractionsDifferenceSum)
                        </div>
                    </div>
                }
            </div>
        }
        if (Model.OperationPLAttractionTotalOutAmtView || Model.OperationPLAttractionTotalDiffPaidChargedView)
        { 
            <div class="row form-row" style="@(@Model.Rows != null && @Model.Rows.Count > 0 ? "" : "display:none");width:840px !important;float:left !important;margin-left:10px !important;">
                @if (Model.OperationPLAttractionTotalOutAmtView)
                {
                    <div class=" col-lg-6 withoutPadding" style="width:49%;">
                        <div class="input-group">
                            <span class="input-group-addon SumControlsLabelFSize">@Html.LabelFor(model => model.AttractionsOutstandingAmtSum)</span>
                            @Html.Raw(Model.AttractionsOutstandingAmtSum)
                        </div>
                    </div>
                }
                @if (Model.OperationPLAttractionTotalDiffPaidChargedView)
                { 
                    <div class=" col-lg-6 withoutPadding" style="width:49%;margin-left:10px">
                        <div class="input-group">
                            <span class="input-group-addon SumControlsLabelFSize">@Html.LabelFor(model => model.AttractionsTotalDiffPaidChargedSum)</span>
                            @Html.Raw(Model.AttractionsTotalDiffPaidChargedSum)
                        </div>
                    </div>
                }
            </div>
        }
        if (Model.OperationPLHotelGrpProfitView )
        {
            <div class="row form-row" style="@(@Model.Rows != null && @Model.Rows.Count > 0 ? "" : "display:none");width:840px !important;float:left !important;margin-left:10px !important;">
                   <div class=" col-lg-2 withoutPadding" style="width:33% !important;">
                       <div class="input-group">
                           <span class="input-group-addon SumControlsLabelFSize">@Html.LabelFor(model => model.AttractionsGroupProfit)</span>
                           @Html.Raw(Model.AttractionsGroupProfit)
                       </div>
                   </div>

                   <div class=" col-lg-2 withoutPadding" style="width: 32% !important; margin-left: 10px;">
                       <div class="input-group">
                           <span class="input-group-addon SumControlsLabelFSize">@Html.LabelFor(model => model.AttractionsProfitPers)</span>
                           @Html.Raw(Model.AttractionsProfitPers)
                       </div>
                   </div>
                   
                   <div class=" col-lg-2 withoutPadding" style="width: 32% !important; margin-left: 10px;">
                       <div class="input-group">
                           <span class="input-group-addon SumControlsLabelFSize">@Html.LabelFor(model => model.AttractionsTotInvoice)</span>
                           @Html.Raw(Model.AttractionsTotInvoice)
                       </div>
                   </div>
            </div>
        }
    }
    <div style="width:330px;height:25px;text-align:center;margin-top:15px;float:right">
        <div style="margin:0">
            <button class="btn14 pull-right" id="OperAttractionsSaveBtn" style="margin-left:10px;" onclick="AttractionsGridSave()" type="button">Save</button>
            <input type="button" id="AttractionsGetSelected" class="btn14 btn120 pull-right" value="Copy For Email" disabled="disabled">
        </div>
    </div>
    <button style="display:none;" id="AttractionsGridUpdate" type="submit"></button>
}





